skills.rest
Mjlike123
Mjlike123COMMUNITY
Explore all skills by this author →
GitHub

ui-skills-root

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

Updated Aug 13, 2026
Search Tags:#design#ui#frontend#cli#agent#skill routing#context selection
One-click install
npx skills add https://github.com/Mjlike123/ui-prototype-workbench --skill ui-skills-root-mjlike123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-skills-root
Source: https://github.com/Mjlike123/ui-prototype-workbench/tree/main/.agents/skills/ui-skills-root
Command: npx skills add https://github.com/Mjlike123/ui-prototype-workbench --skill ui-skills-root-mjlike123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When an agent in Codex, Cursor, or Claude Code faces a UI task, loading every available UI skill wastes context and dilutes focus. This routing layer decides whether a task is UI-related and selects only the smallest useful skill context before implementation. ## Core Features & Use Cases - Task Triage: Determines whether a request is UI-related and returns "no skill needed" when it is not. - Category Inspection: Uses the ui-skills CLI to list categories and skills, then picks the most specific match by topic, stack, and specificity. - Context Budgeting: Enforces a hard cap of 1-3 skills so only relevant guidance is loaded into context. - Use Case: A developer asks an agent to clean up a cluttered settings page; the router inspects categories, selects one narrow layout skill, and the agent implements using only that context. ## Quick Start Ask the agent to route your UI task by running npx ui-skills start and loading the smallest matching 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 an agent task?▼

Run npx ui-skills categories to inspect available groups, then npx ui-skills list --category <category> and npx ui-skills get <slug> to load the chosen skill. Prefer one specific skill over broad ones.

What is the ui-skills CLI used for?▼

The ui-skills CLI exposes start, categories, list, and get commands that let an agent browse the skill registry and load only the selected skill context. It is the entry point for routing UI work.

How many UI skills should be loaded at once?▼

Prefer one skill, use two only when the task needs two clear angles, and three only for broad review or redesign work. Never load more than three skills for a single task.

Does ui-skills-root work with Cursor and Claude Code?▼

Yes, the routing protocol is designed for agents in Codex, Cursor, and Claude Code. Any agent that can run the npx ui-skills commands can follow the same selection workflow.

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

The router returns "no skill needed" and stops. If the goal is unclear, it asks one short clarifying question before choosing a category.

Related Skills

Explore More Design & Creative Skills→
thatditsyboythatditsyboy

hive-create

Guide users through defining goals, designing nodes, and constructing agent graphs.

Community
Intermediate
sapelitesapelite

design-system

Extract design tokens and audit UI codebases for visual consistency.

Community
Advanced
bacchus-labsbacchus-labs
4

figma-design-workflow

Generate Figma mockups from wrangler specifications with design system integration.

Official
Advanced
chrisbaneschrisbanes
908

using-chrisbanes-skills

Route broad Kotlin, Android, or Jetpack Compose tasks to relevant focused skills.

Community
Intermediate