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 composing UIs with shadcn/ui components, styling them with Tailwind CSS utilities, and producing canvas-based visual designs, so you avoid reinventing component patterns, theming systems, and responsive layouts. ## 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 & Theming: Apply Tailwind CSS utilities for layout, spacing, typography, and color, with dark mode, CSS variable theming, and custom design tokens. - Visual Design System: Create canvas-based visual compositions, posters, and brand materials using a philosophy-driven design approach with bundled open-license fonts. - Use Case: When building a dashboard in a Next.js app, use this Skill to scaffold shadcn/ui cards and forms, apply responsive Tailwind grid layouts with dark mode variants, and generate a matching brand poster. ## Quick Start Ask the assistant to build a responsive dashboard page using shadcn/ui cards and buttons styled with Tailwind CSS, including dark mode support.
