/ui-skills-root
Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.
Claude Code
$ npx -y skills add ibelick/ui-skills --skill ui-skills-root --agent claude-code
Codex
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a codex -y
Cursor
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a cursor -y
Gemini CLI
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a gemini-cli -y
GitHub Copilot
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a github-copilot -y
OpenCode
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a opencode -y
Windsurf
$ npx skills add ibelick/ui-skills --skill ui-skills-root -a windsurf -y
SKILL.md
ui-skills-root.SKILL.mdname: ui-skills-root
description: Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.
license: MIT
metadata:
author: ibelick
version: "1.0.0"
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
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.
Read more
name: ui-skills-root description: Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI. license: MIT metadata: author: ibelick version: "1.0.0"
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
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.
Other skills on ui-skills.
More skills from other plugins.
banner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional…
impeccable
Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components,…
8-bit-orbit-video-temp…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene…
diagram-design
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline,…
Questions about ui-skills-root.
- Which coding agents can use ui-skills-root?
- ui-skills-root installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

