ui-skills

Skills for design engineers that fix and polish UI code.

Free Design & Creative ★ 10815

#81 of 289 skill repos

10.8k GitHub stars

ibelick author

// about

UI Skills is a small registry of skills for front-end design work, with a CLI and an MCP server for browsing and fetching them. Most skills audit existing HTML for one kind of problem, such as accessibility, metadata or animation performance, and then fix it.

// how to install

Run npx ui-skills start to browse, or npx ui-skills get baseline-ui to fetch one skill. The registry is also available as an MCP server at https://www.ui-skills.com/mcp.

// works with Claude CodeCodexCursor

// what’s inside

This repository bundles the following skills:

baseline-ui: Cleans up sloppy UI code by fixing spacing, hierarchy and typography.
improve-ui: Audits a product screen against its own design evidence and writes up verified problems.
fixing-accessibility: Audits and fixes ARIA labels, keyboard navigation, focus and contrast.
fixing-metadata: Fixes page titles, meta descriptions, canonical URLs and Open Graph tags.
fixing-motion-performance: Finds layout thrashing and other animation performance problems.
create-design-md: Creates or updates a DESIGN.md from an existing repo or public site.
component-canvas: Builds a pan-and-zoom canvas for exploring UI components and variants.

ui-skills

// about

// what’s inside

// similar skills in Design & Creative