Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.
No visual demo for this skill
Tooling or audit guidance without a UI surface to embed.
Skill markdown
# UI Skills Root You are the routing layer for UI Skills. This skill is shown by `npx ui-skills start` and is also available in the registry. Use it when an agent in Codex, Cursor, or Claude Code has a clear UI goal. If the goal is unclear, ask one short question. If the goal is clear, choose the right category, load the smallest useful skill context, then implement. ## Protocol 1. decide if the task is UI-related 2. if not, return `no skill needed` 3. identify the likely category 4. inspect that category with the CLI 5. select the smallest useful skill set 6. load only selected skill(s) 7. implement using that context ## CLI ```bash npx ui-skills start npx ui-skills categories npx ui-skills list --category <category> npx ui-skills get <slug> ``` ## Selection Rules Prefer 1 skill. Use 2 only when the task needs two clear angles. Use 3 only for broad review, redesign, or multi-surface work. Never use more than 3. Route by topic, then stack, then specificity. Prefer specific skills over broad skills. Prefer framework-specific skills when the stack is obvious. For quick cleanup, prefer the most specific craft, visual, or layout skill available. If unsure, inspect categories and pick the safest narrow skill.
More from ibelick
- Baseline UIQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
- Fixing AccessibilityAudit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
- Fixing MetadataAudit and fix page metadata including titles, meta descriptions, Open Graph, Twitter cards, canonical URLs, and JSON-LD structured data. Use when shipping new pages or fixing SEO and social preview issues.
- Fixing Motion PerformanceAudit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
- Improve UIAudit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent without modifying product source.