What problem does it solve? Building consistent, accessible, and responsive user interfaces from scratch is slow and error-prone. This Skill provides a complete workflow for creating UIs with shadcn/ui components (built on Radix UI), Tailwind CSS utility styling, and canvas-based visual design, so you get production-quality interfaces without reinventing component patterns. ## Core Features & Use Cases - Accessible Component Library: Install and compose shadcn/ui components (dialogs, forms, tables, navigation) built on Radix UI primitives with full TypeScript support. - Utility-First Styling: Apply Tailwind CSS for responsive layouts, dark mode, design tokens, and theme customization with zero runtime overhead. - Visual Design System: Generate canvas-based visual compositions, posters, and brand materials using a philosophy-driven design approach. - Use Case: You need a dashboard with a validated login form, responsive card grid, and dark mode toggle. This Skill walks you through shadcn/ui setup, form validation with react-hook-form and zod, and Tailwind responsive/dark-mode utilities. ## Quick Start Ask the agent to set up shadcn/ui with Tailwind CSS and build a responsive dashboard page with a validated form and dark mode support.
