ui-design-system

Build accessible, responsive UI systems that stay consistent.

UI design systems

What it does

Reviews, designs, and improves accessible, responsive UI component systems using modern React styling patterns.

When to use it

Use for UI audits, design systems, accessibility, design tokens, responsive design, theming, and TailwindCSS, Radix UI, or shadcn/ui setup.

Give it a UI review, design, or improvement goal in a project; it implements, documents, and tests the resulting UI changes.

What you provide

This skill

TailwindCSS

Execute

Installs TailwindCSS

shadcn/ui

Execute

Installs shadcn/ui

Python 3.10 or later is required for the bundled scripts.

Node.js 18 or later is required for the shadcn/ui and Tailwind CSS workflow.