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:

  1. Correctness and duplication (critical) - one metadata source per page, no duplicates
  2. Title and description (high) - every page needs a title, consistent format
  3. Canonical and indexing (high) - canonical points to preferred URL, noindex only for private pages
  4. Social cards (high) - OG title, description, image with absolute URLs
  5. Icons and manifest (medium) - at least one favicon, apple-touch-icon
  6. Structured data (medium) - valid JSON-LD reflecting actual page content
  7. Locale and alternates (low-medium) - html lang, hreflang for real localized pages
  8. 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-pinned ibelick/ui-skills receipt

  • 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/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

  • 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; GitHub ibelick/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.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-03