Lightlines
By samhvw8

ui-design-system

samhvw83.2k installs

Accessible React interfaces with consistent styling.

What it does

Guides the creation, review, and improvement of accessible React interfaces with consistent styling and reusable components.

When to use it

Use for UI reviews, design system architecture, accessibility improvements, responsive layouts, and dark mode theming.

How to use it

It changes how the agent reviews, designs, and improves web interfaces, emphasizing accessible components, design tokens, and incremental implementation.

What you provide

  • An existing project

Latest review

What you need · 1

Requires Node.js 18+ and its accompanying npm package manager for the component setup.


Access · 3

This skill

TailwindCSS

Execute

Installs TailwindCSS

shadcn/ui CLI

Execute

Installs the shadcn/ui CLI

tailwindcss-animate

Execute

Installs tailwindcss-animate