ui-skills-root

Routes UI tasks to the smallest relevant skill context via the ui-skills CLI.

1|Updated Aug 11, 2026
One-click install
npx skills add https://github.com/Chia1104/agent-air --skill ui-skills-root-chia1104
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-skills-root
Source: https://github.com/Chia1104/agent-air/tree/main/skills/shared/ui-skills-root
Command: npx skills add https://github.com/Chia1104/agent-air --skill ui-skills-root-chia1104

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When an agent faces a UI-related task, loading every available UI skill wastes context and dilutes focus. This Skill acts as a routing layer that inspects the task, picks the right category, and loads only the minimal set of UI skills needed. ## Core Features & Use Cases - Task triage: Decides whether a task is UI-related and returns "no skill needed" when it is not. - Category routing: Uses the ui-skills CLI (npx ui-skills categories, list, get) to inspect categories and select specific skills. - Context minimization: Enforces selection rules that prefer one skill, cap usage at three, and favor specific or framework-specific skills over broad ones. - Use Case: A user asks an agent in Claude Code to clean up a cluttered dashboard layout. The Skill identifies the layout category, lists candidate skills, loads the single most specific layout skill, and implements the cleanup with that focused context. ## Quick Start Ask the agent to improve a UI screen and let it run npx ui-skills categories to pick and load the most specific skill before implementing.

Frequently Asked Questions about ui-skills-root

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I select the right UI skill for a task?▼

Run npx ui-skills categories to see available categories, then npx ui-skills list --category <category> to inspect candidates. Load the chosen skill with npx ui-skills get <slug> and implement using only that context.

How many UI skills should I load at once?▼

Prefer one skill for most tasks. Use two only when the task needs two clear angles, and three only for broad reviews, redesigns, or multi-surface work. Never load more than three.

Which agents support the ui-skills CLI routing?▼

The routing skill is designed for agents in Codex, Cursor, and Claude Code. It is shown by npx ui-skills start and is also available in the ui-skills registry.

What happens if the task is not UI-related?▼

The protocol first checks whether the task is UI-related. If it is not, the skill returns "no skill needed" and the agent proceeds without loading any UI skill context.

Should I pick broad or specific UI skills?▼

Prefer specific skills over broad ones, and framework-specific skills when the stack is obvious. For quick cleanup tasks, choose the most specific craft, visual, or layout skill available.