Claude Code AI Skills

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

Quick Start

# Start a full-stack AI app
/ai-app

# Start autonomous Ralph Loop for complex apps
/ralph-loop:ralph-loop "/ai-app @spec/PLAN.md build this app" --max-iterations 50 --completion-promise "DONE"

# 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
cache-components	Next.js Cache Components & PPR
nextjs-seo	SEO optimization (metadata, sitemaps, JSON-LD)

🤖 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 custom skills - includes Ralph Loop docs

📦 Based On

Skill	Original Source	License
cache-components	vercel/next.js	MIT
react-best-practices	vercel-labs/agent-skills	-
skill-creator	anthropics/skills (extended)	Apache 2.0

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

See sub-agents reference for creating custom agents.

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: Extended from anthropics/skills (Apache 2.0)
cache-components: From vercel/next.js (MIT)

laguagu/claude-code-nextjs-skills

README