ibelick avatar

Ui Skills Root

This is a routing layer that helps AI coding assistants pick the right UI skill without loading everything at once. Before touching UI code, it uses a CLI to inspect categories, then loads only the most specific skill needed for the job. The protocol is strict: prefer one skill, use two only when necessary, never more than three. It's designed to keep context lean when you're working in Claude Code, Cursor, or similar tools. The selection logic is smart, routing by topic first, then stack, then specificity, and it'll ask a clarifying question if your goal is vague. Think of it as a menu system that prevents you from drowning your agent in irrelevant context.

skills.sh installs
8.1K
GitHub stars
10.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add ibelick/ui-skills --skill ui-skills-root --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

Sponsors

Details

Repository
github.com/ibelick/ui-skills
Categories
Frontend Development, CLI & Terminal
First seen
Jul 14, 2026

More from ibelick/ui-skills

All 5
1analogjs avatarangular-formsanalogjs/angular-skillsBuild signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field st7.2Kskills.sh installs
2github avatarcreate-oo-component-documentationgithub/awesome-copilotCreate comprehensive, standardized documentation for object-oriented components following industry best practices and architectural documentation standards.7Kskills.sh installs
3github avatarupdate-oo-component-documentationgithub/awesome-copilotUpdate existing object-oriented component documentation following industry best practices and architectural documentation standards.7Kskills.sh installs
4analogjs avatarangular-testinganalogjs/angular-skillsWrite unit and integration tests for Angular v20+ applications using Vitest or Jasmine with TestBed and modern testing patterns. Use for testing components with6.6Kskills.sh installs
5analogjs avatarangular-httpanalogjs/angular-skillsImplement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response ha6.6Kskills.sh installs
6samber avatarcopywriting-hookssamber/cc-skillsGenerate opening hooks and post titles for long-form articles in EN or FR — blog posts, Substack/Medium/dev.to, LinkedIn long-form, paid newsletters, opinion es6.4Kskills.sh installs