Claude Code AI Skills

Name: claude-code-nextjs-skills
Author: laguagu

Skills for building AI applications, especially Next.js + bun runtime.

Quick Start

# 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

Skills

🚀 App Development

Skill	Description
ai-app	Full-stack AI app (chatbots, agents, dashboards)
nextjs-shadcn	Next.js 16 + shadcn/ui + bun
next-best-practices	Next.js best practices (RSC, async APIs, routing, optimization)
cache-components	Next.js Cache Components & PPR
nextjs-seo	SEO optimization (metadata, sitemaps, JSON-LD)
web-design-guidelines	UI/UX review against Vercel Web Interface Guidelines

🤖 AI SDKs

Skill	Description
ai-sdk-6	Vercel AI SDK v6 (agents, streaming, tools)
ai-elements	AI Elements UI components
openai-agents-sdk	OpenAI Agents SDK (Python)

🗄️ Data & Search

Skill	Description
postgres-semantic-search	pgvector semantic & hybrid search

🛠️ Meta

Skill	Description
skill-creator	Create, test, and optimize custom skills with eval tooling

📦 Based On

Skill	Original Source	License
cache-components	vercel/next.js	MIT
react-best-practices	vercel-labs/agent-skills	-
skill-creator	anthropics/skills	Apache 2.0
next-best-practices	skills.sh/vercel-labs/next-skills	-
web-design-guidelines	skills.sh/vercel-labs/agent-skills	-

Custom Agents

Example agents for common workflows. Copy to .claude/agents/ to use.

Agent	Description
code-simplifier	Refines code for clarity (DRY/KISS/YAGNI) after coding sessions
nextjs-reviewer	Generates review reports for Next.js projects
e2e-tester	E2E functional testing via DevTools MCP, Playwright, or Claude in Chrome

See the skill-creator skill for creating custom agents and skills.

Installation

Copy or symlink skills to:

Global: ~/.claude/skills/
Project: .claude/skills/

MCP Server

Includes Next.js DevTools MCP:

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "next-devtools-mcp@latest"]
    }
  }
}

License

MIT (this repository)

Some skills are extended from open source originals:

skill-creator: From anthropics/skills (Apache 2.0)
cache-components: From vercel/next.js (MIT)