Claude Code skills for AI apps • Next.js 16 • AI SDK 6 • pgvector • bun • Ralph Loop
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-seoInstallez cette compétence avec la CLI et commencez à utiliser le flux de travail SKILL.md dans votre espace de travail.
Skills for building AI applications, especially Next.js + bun runtime.
# Start a full-stack AI app
/ai-app
# Or use individual skills as needed
/ai-sdk-6 # AI agents & streaming
/postgres-semantic-search # Vector/hybrid search
| Skill | Description |
|---|---|
| ai-app | Full-stack AI app (chatbots, agents, dashboards) |
| nextjs-shadcn | Next.js 16 + shadcn/ui + bun |
| nextjs-chatbot | Production chatbot (HITL, persistence, GDPR) |
| Skill | Description |
|---|---|
| shadcn | shadcn/ui component management |
| frontend-design | Production-grade frontend interfaces |
| web-design-guidelines | UI/UX review against Web Interface Guidelines |
| Skill | Description |
|---|---|
| next-best-practices | RSC, async APIs, routing, optimization |
| react-best-practices | React/Next.js performance optimization (Vercel) |
| cache-components | Cache Components & PPR |
| nextjs-seo | SEO (metadata, sitemaps, JSON-LD) |
| Skill | Description |
|---|---|
| ai-sdk | Vercel AI SDK general guide (official) |
| ai-sdk-6 | AI SDK v6 (agents, streaming, tools) |
| ai-elements | AI Elements UI components |
| openai-agents-sdk | OpenAI Agents SDK (Python) |
| Skill | Description |
|---|---|
| postgres-semantic-search | pgvector semantic & hybrid search |
| supabase-postgres-best-practices | Postgres optimization (Supabase) |
| Skill | Description |
|---|---|
| skill-creator | Create, test, and optimize custom skills (extended) |
Example agents for common workflows. Copy to .claude/agents/ to use.
| Agent | Description |
|---|---|
| code-simplifier | Refines code for clarity (DRY/KISS/YAGNI) |
| nextjs-reviewer | Review reports for Next.js projects |
| e2e-tester | E2E testing via DevTools MCP, Playwright, or Claude in Chrome |
| Skill | Original Source | License |
|---|---|---|
| ai-sdk | vercel/ai | Apache 2.0 |
| cache-components | vercel/next.js | MIT |
| react-best-practices | vercel-labs/agent-skills | - |
| skill-creator | anthropics/skills (extended) | Apache 2.0 |
| next-best-practices | skills.sh/vercel-labs/next-skills | - |
| web-design-guidelines | skills.sh/vercel-labs/agent-skills | - |
| supabase-postgres-best-practices | supabase/supabase | Apache 2.0 |
Copy or symlink skills to:
~/.claude/skills/ (global) or .claude/skills/ (project)~/.agents/skills/ or .agents/skills/Includes Next.js DevTools MCP:
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": ["-y", "next-devtools-mcp@latest"]
}
}
}
.agents-first best practices, auditing (improving-skills), skill creation (skill-creator), and discovery (skill-finder) for cross-platform agent skillsMIT (this repository)
Some skills are extended from open source originals — see Based On for details.