What problem does it solve? Building consistent, accessible, and responsive user interfaces from scratch requires deep knowledge of component libraries, CSS frameworks, and design systems, which slows down frontend development. ## Core Features & Use Cases - Accessible Component Library: Install and compose shadcn/ui components built on Radix UI primitives, including dialogs, forms, tables, dropdowns, and command palettes with full TypeScript support. - Utility-First Styling: Apply Tailwind CSS utilities for layout, spacing, typography, responsive breakpoints, dark mode, and custom theme tokens via the @theme directive. - Visual Design System: Generate canvas-based visual designs and posters using a philosophy-driven composition approach with bundled open-license fonts. - Use Case: When building a Next.js dashboard, use this Skill to scaffold shadcn/ui cards and forms, style them with responsive Tailwind grid layouts, and add a dark mode toggle with next-themes. ## Quick Start Use the ui-styling skill to build a responsive login form with shadcn/ui components, Tailwind styling, and dark mode support.
