Nextjs Shadcn

This is a comprehensive Next.js 15/16 skill built around shadcn/ui conventions and modern React patterns. It enforces client boundary hygiene, proper server action usage (mutations only, not data fetching), and the new async params API. The opinionated file organization puts route-specific code in route groups and global utilities at the root. Notably pushes back against generic AI aesthetics with rules like "no purple gradients" and icon-first UI. Includes integration with next-devtools-mcp for live error inspection instead of copy-pasting stack traces. Uses bun exclusively and always imports with @ aliases. Best for greenfield Next.js projects where you want disciplined architecture from the start.

Install to Claude Code

npx -y skills add laguagu/claude-code-nextjs-skills --skill nextjs-shadcn --agent claude-code