Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
