Nextjs Shadcn Builder

If you're starting a Next.js project with shadcn/ui or migrating an existing frontend from React, Vue, Angular, or vanilla JS, this walks you through the entire process with systematic phase-by-phase workflows. It enforces shadcn design principles hard: CSS variables for theming, no hardcoded colors or spacing, standard components only. The migration workflow is thorough, scanning your codebase for hardcoded values, mapping components to shadcn equivalents, then converting in batches of 5-10 components at a time. It includes MCP integration for shadcn documentation and automated analysis scripts. The structure is almost overly detailed, but that's the point if you want guardrails for doing this properly instead of hacking it together.

Install to Claude Code

npx -y skills add ovachiever/droid-tings --skill nextjs-shadcn-builder --agent claude-code