UI Skills Pack
A live design-engineering skill directory for polishing interfaces built by agents. The old capture was a 14-skill pack; current UI Skills is a broader registry with 132 installable entries across accessibility, baseline polish, motion, React, shadcn, Vercel, Addy Osmani, Emil Kowalski, Impeccable, Remotion, Three.js, Vue, and taste skills. Source: ui-skills.com.
Routing Summary
Use Kevin's local design routes first: taste, design-engineering-polish, frontend-design, web-design-engineer, animated-component-libraries, Component Library Sources, Security and Review Skills, and Frontend and Design Skills. Then use UI Skills as the external discovery shelf when the UI problem is specialized enough to warrant a registry skill:
| Need | UI Skills route |
|---|---|
| Fast cleanup pass | ibelick/baseline-ui |
| Accessibility remediation | ibelick/fixing-accessibility, accesslint/audit-and-fix, or wshobson/wcag-audit-patterns |
| Metadata / social previews | ibelick/fixing-metadata |
| Motion performance | ibelick/fixing-motion-performance, raphaelsalaja/mastering-animate-presence, raphaelsalaja/to-spring-or-not-to-spring |
| React quality gate | millionco/react-doctor (Kevin already has Security and Review Skills locally; use the local route first) |
| shadcn workflow | shadcn-ui/shadcn plus Shadcn UI Ecosystem |
| Taste / anti-slop design | emilkowalski/emil-design-eng, jakubkrehel/make-interfaces-feel-better, pbakaus/impeccable, and Leon taste variants |
UI Skills is a skill discovery source, not an automatic install list. Treat third-party entries as supply-chain input: inspect source, run skill-auditor when adopting, and prefer Kevin-owned local skills when they already encode the workflow.
Installation
npx ui-skills start # route an agent through the right UI skill set
npx ui-skills categories
npx ui-skills list --category motion
npx ui-skills get baseline-ui
npx skills add ibelick/ui-skills # install the root pack through the skills CLI
First-party Ibelick skills
| Skill | What it audits/fixes |
|---|---|
ui-skills-root |
Routes by topic, stack, and intent to the smallest useful UI-skill set |
baseline-ui |
Animation durations, typography scale, component accessibility, layout anti-patterns in Tailwind |
fixing-accessibility |
ARIA labels, keyboard navigation, focus management, color contrast, form errors |
fixing-metadata |
Page titles, meta descriptions, canonical URLs, OG tags, Twitter cards, favicons, JSON-LD |
fixing-motion-performance |
Layout thrashing, compositor properties, scroll-linked motion, blur effects |
Curated registry examples
| Skill | What it does |
|---|---|
millionco/react-doctor |
React/security/performance/correctness doctor with score-based gates |
shadcn-ui/shadcn |
Project-aware shadcn workflow for search/add/compose/fix |
emilkowalski/emil-design-eng |
Emil Kowalski design-engineering philosophy and craft guidance |
jakubkrehel/make-interfaces-feel-better |
Interface-feel polish with micro-interactions, typography, and visual details |
pbakaus/impeccable |
Promoted pbakaus/impeccable from a registry row into [[impeccable, a dedicated reviewed-external design route with current GitHub, npm, command, and detector snapshots. Source: User request, 2026-07-14
2036445894426374213; ui-skills.com registry; GitHub ibelick/ui-skills, 2026-06-30ui-skills@0.2.3 remains latest, GitHub HEAD is 46ef54de56db504c7a568ccddb6acd6ef8dc8815, and release v0.2.3 remains latest. Source: X/@Ibelick, 2026-04-28; Source: UI Skills registry/GitHub/npm, 2026-07-03Related Pages9 pages link hereActive Stack (What to Actually Use)MetaBrain CapsulesMetaComponent Library SourcesDesignDesign Engineering ResourcesToolsImpeccableToolsRefined Interface Design (Avoiding AI-dashboard Slop)DesignResend Design SkillsToolsSkill ResolverSkill ResolverX Bookmarks: AI Agents & Tools (Jan 2025 – Jun 2026)Tools |