ui-design - Enforce shadcn-svelte UI design system consistency
Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system for pages, components, forms, dashboards.
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- enforce design system rules
- apply theme tokens
- check existing components
- match component patterns
- use shadcn-svelte components
- follow layout conventions
- apply responsive breakpoints
- use form field patterns
- implement feedback patterns
Inputs
- shadcn-svelte components
- project component files
- color theme tokens
- layout conventions
- form field patterns
- button specifications
- icon specifications
Outputs
- Svelte component code
- styled UI elements
- form layouts
- page structures
- feedback components
Requirements
- shadcn-svelte components
- TailwindCSS 4
- Svelte 5
- $state runes
- snippets