What problem does it solve? Building interfaces in general agent environments often produces inconsistent styling, missing accessibility, and incorrect assumptions about tooling. This Skill ports the v0 design system rules into any coding environment so generated UI follows strict color, typography, layout, and security conventions. ## Core Features & Use Cases - Design System Enforcement: Restricts palettes to 3-5 colors, limits to 2 font families, mandates semantic Tailwind tokens, and requires a written design brief before substantive work. - Framework-Aware Coding Rules: Detects Next.js, Vite, Remix, or Astro from the project, covers React 19.2 features like useEffectEvent and Activity, and Next.js 16 caching APIs. - Security & Data Persistence Guardrails: Forbids localStorage persistence and mock auth, requires argon2id password hashing, parameterized queries, and real database backends. - Use Case: Ask the agent to build a landing page or dashboard in an existing repo; it will initialize shadcn/ui if missing, define design tokens in globals.css, and ship accessible, mobile-first components. ## Quick Start Build a responsive pricing page in this project following the v0 design guidelines, using shadcn/ui components and a 3-color palette.
