Skill UI

Generate and refine Mermaid diagrams (flowcharts, sequences, ERDs, architectures, Gantt) with expert guidance on type selection, styling consistency, accessibility, and delivery, including code, rendering tips, and alternative views.

Provides expert guidance on user-centered UI/UX workflows, design systems, accessibility, research, prototyping, and cross-platform consistency for delivering polished, inclusive interfaces.

Baseline UI Guardrails validates animation durations, enforces typography scales, and audits accessibility to prevent layout anti-patterns in Tailwind CSS projects; use it when building UI components, reviewing CSS utilities, styling React views, or enforcing cohesive design consistency.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

Audits and generates hreflang implementations for multilingual/multi-region sites, checking self-references, return tags, ISO language/region codes, canonical alignment, protocol consistency, and x-default fallbacks before outputting HTML, header, or sitemap snippets.

Agent Eval Benchmarking orchestrates repeatable CLI comparisons of coding agents like Claude Code, Aider, and Codex, collecting pass rate, cost, time, and consistency metrics on your repository tasks so you can pick the right assistant with data.

Generates cohesive design systems, audits visual consistency, and checks for AI-generated slop in styling-heavy projects by extracting tokens, scoring UI dimensions, and flagging problematic patterns.