ui-design - Enforce shadcn-svelte + TailwindCSS 4 UI consistency
Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system for all application interface components.
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- check existing components
- match structure and patterns
- apply theme tokens
- create Svelte 5 components
- build forms with Formsnap
- display data with TanStack Table
- render dashboard layouts
Inputs
- shadcn component library
- existing page code
- existing component code
- color theme tokens
- content structure
Outputs
- Svelte 5 pages
- shadcn components
- form layouts
- dashboard layouts
- data table components
Requirements
- shadcn-svelte library
- TailwindCSS 4
- Svelte 5 framework
- Design system compliance