ui-styling
Installation
SKILL.md
UI Styling Skill
Style React UIs with shadcn/ui + Tailwind CSS + canvas-based visual design.
When to Use
- Building UI with React-based frameworks (Next.js, Vite, Remix, Astro)
- Implementing accessible components (dialogs, forms, tables, navigation)
- Dark mode, theme customization, or design token systems
- Responsive mobile-first layouts
- Generating visual designs, posters, or brand materials
Core Stack
| Layer | Tool | Purpose |
|---|---|---|
| Components | shadcn/ui (Radix UI) | Accessible, copy-paste primitives |
| Styling | Tailwind CSS | Utility-first, zero runtime overhead |
| Visual | Canvas | Museum-quality compositions |