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.
UI UX Pro Max disposition
Retain UI UX Pro Max as a high-signal design-intelligence and comparison source, not as Kevin's default visual authority. The current v2 source at HEAD abb7f2fd5a083fa1ff55c326a963ff0d95c33f99 combines 192 product categories and color palettes, 84 style families, 74 font pairings, 25 chart types, 22 implementation stacks, 98 UX guidelines, and 161 reasoning rules. That breadth is useful for generating a candidate design-system inventory and catching domain-specific omissions. Its generic catalog outputs still need to be retokenized through the house system, checked against real brand assets, and proved in-browser.
This supersedes the old blanket rejection as a default: keep the source, route selectively, do not let its catalog replace taste or project evidence. No separate executable copy is needed while taste, design-engineering-polish, Impeccable, and this discovery shelf already expose the job. Source: X/@cyrilXBT, 2026-07-16; Source: nextlevelbuilder/ui-ux-pro-max-skill, MIT, 115,341 stars, reviewed 2026-08-10
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 |
Impeccable is the dedicated route for persistent product/design context, 23 design commands, and deterministic anti-slop detectors |
12-principles-of-animation |
Applies Disney's 12 principles to web interfaces |
canvas-design |
Original visual designs on digital canvases using design philosophy |
design-lab |
Interactive design exploration: interviews, variants, feedback refinement |
frontend-design |
Distinctive, production-grade interfaces avoiding generic AI aesthetics |
interaction-design |
Microinteractions, motion design, transitions, feedback patterns |
interface-design |
Dashboard, admin, SaaS interface design focused on craft and consistency |
swiftui-ui-patterns |
Best practices for building SwiftUI views and components |
ui-ux-pro-max |
Broad design-intelligence catalog: 192 product/color categories, 84 styles, 74 font pairings, 25 charts, 22 stacks, 98 UX guidelines, and 161 reasoning rules; use as candidate inventory, then retokenize and verify |
wcag-audit-patterns |
WCAG 2.2 accessibility audits with automated testing and remediation |
web-design-guidelines |
Audit against Vercel's Web Interface Guidelines |
Ten-skill evidence replay
Dhruv's saved top-ten list is retained as a useful practitioner ranking, not treated as ten install commands. The replay resolved all ten links after fixing the old six-link enrichment cap and inspected each current first-party repository at a concrete revision. Source: X/@dhruvtwt_, 2026-07-14; Source snapshots
| Saved signal | Durable route |
|---|---|
| Emil Design Engineering | Reinforces design-engineering-polish; keep Kevin's broader progressive-disclosure route and track emil-design-eng as its upstream slug. |
| Make Interfaces Feel Better | Updated the local skill with incumbent-system detection, 10%-speed motion inspection, full state proof, icon rules, structural-border guidance, and motion restraint. |
| 12 Principles of Animation | The upstream source has evolved into userinterface-wiki v3 with 152 rules across 12 categories. Retain it as a reference corpus; fold rules only when they beat an existing owner rather than installing the obsolete slug. |
| Fixing Accessibility | Folded its minimal targeted-repair/reporting boundary into the broader local WCAG 2.2 accessibility skill. |
| shadcn | Reinforces the local project-aware route. Track upstream changes, but do not overwrite local Base/Radix, chat, registry, and preset safeguards with a snapshot blindly. |
| Vercel React Best Practices | Refreshed the current 70-rule snapshot and added statically analyzable import/path guidance. |
| React Doctor | Updated the local executable route to npm 0.9.11 and skill v1.2.0 with changed/full/design scans, live triage, rule prompts, and narrow rule configuration. |
| Vitest and pnpm | Current Antfu sources reinforce the installed local routes; no duplicate installation or wiki page. |
| Playwright CLI | Retain as the official committed regression/test-generation route. Ordinary exploration stays on agent-browser; auth state and mutations require explicit scope. |
| Field | Snapshot |
|---|---|
| GitHub | ibelick/ui-skills, 7,150 stars, default branch main, HEAD 146fcd0b34fca2d80333b120d67f5009ccf58b28, pushed 2026-08-11; MIT; seven skill files, eleven test files, and one workflow in the pinned tree. |
| Latest release | v0.2.3, published 2026-06-22. |
| Live registry | https://www.ui-skills.com/skills/registry.txt returned 132 entries on 2026-07-03. |
| CLI | ui-skills@0.2.3 remains npm latest; README documents npx ui-skills, npx ui-skills start, npx ui-skills categories, npx ui-skills list --category motion, and npx ui-skills get baseline-ui. |
| Adoption status | Active as an external discovery/source shelf; not all entries are installed locally. |
Metadata Audit Priority
The fixing-metadata skill follows this priority order:
- Correctness and duplication (critical) - one metadata source per page, no duplicates
- Title and description (high) - every page needs a title, consistent format
- Canonical and indexing (high) - canonical points to preferred URL, noindex only for private pages
- Social cards (high) - OG title, description, image with absolute URLs
- Icons and manifest (medium) - at least one favicon, apple-touch-icon
- Structured data (medium) - valid JSON-LD reflecting actual page content
- Locale and alternates (low-medium) - html lang, hreflang for real localized pages
- Tool boundaries (critical) - minimal changes, follow project's existing pattern
Usage
/baseline-ui review src/ # Review all source files
/fixing-accessibility audit src/ # Accessibility audit
/fixing-metadata check src/ # Metadata audit
Timeline
-
2026-08-12 | Refreshed the registry source to commit
146fcd0, 7,150 stars, MIT, with seven skill files and eleven test files. Kept it as an external discovery/router shelf: high signal is retained, while executable promotion still requires a distinct trigger and behavioral gain over Kevin's local owners. Source: commit-pinnedibelick/ui-skillsreceipt -
2026-08-10 | Replayed Dhruv's complete ten-skill ranking after recovering the four links lost by the previous enrichment cap. Correlated current first-party repositories, updated only the stronger executable rules, retained all ten signals through existing owners, and created no duplicate skill pages. Source: X/@dhruvtwt_, 2026-07-14
-
2026-08-10 | Re-reviewed UI UX Pro Max through the cross-department skills bookmark. Replaced the stale 50-style summary and blanket default rejection with a selective keep decision: current v2 is a strong design-intelligence catalog and comparison source, but not a replacement for Kevin's design system or existing executable routes. Source: X/@cyrilXBT, 2026-07-16; Source:
nextlevelbuilder/ui-ux-pro-max-skill, reviewed 2026-08-10 -
2026-07-14 | Promoted
pbakaus/impeccablefrom 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 -
2026-04-15 | Community validation by @remvze referencing ui-skills.com by @ibelick (447 likes, 538 bookmarks). Independent signal confirming tool utility beyond the creator's audience. Source: X/@remvze, 2026-04-15
-
2026-06-30 | Deep bookmark artifact review inspected the screenshot, live registry, GitHub repo, and release history. Page upgraded from stale "14 installable skills" summary to a live 112-entry design-engineering skill directory with routing notes and version snapshot. Source: X bookmark artifact
2036445894426374213; ui-skills.com registry; GitHubibelick/ui-skills, 2026-06-30 -
2026-07-03 | Deep-reviewed Ibelick's UI Skills update video and refreshed the source snapshot: registry now returns 132 entries,
ui-skills@0.2.3remains latest, GitHub HEAD is46ef54de56db504c7a568ccddb6acd6ef8dc8815, and releasev0.2.3remains latest. Source: X/@Ibelick, 2026-04-28; Source: UI Skills registry/GitHub/npm, 2026-07-03