claude-code-nextjs-skills MCP Server

How to use claude-code-nextjs-skills MCP Server

bunx --bun shadcn@latest create --preset "https://ui.shadcn.com/init?base=radix&style=nova&baseColor=neutral&theme=neutral&iconLibrary=lucide&font=geist-sans&menuAccent=subtle&menuColor=default&radius=default" --template next my-ai-app
cd my-ai-app

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

What is claude-code-nextjs-skills MCP Server?

claude-code-nextjs-skills is a TypeScript MCP server for Cursor, Windsurf, Codex with npx. Claude Code skills for AI apps • Next.js 16 • AI SDK 6 • pgvector • bun This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Key capabilities

• Tool access support
• Includes SKILL.md support
• Shell commands support
• Browser use support
• Document generation support
• OpenAI provider support
• Anthropic provider support

Technical details

Install or run claude-code-nextjs-skills using npx. Check laguagu/claude-code-nextjs-skills for the latest setup command.

• Built for TypeScript
• Built for Node.js
• Built for Python
• Install or run with npx
• Works with Cursor
• Works with Windsurf
• Works with Codex
• API key required

Requirements and access

Security and permissions

Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.

When to use claude-code-nextjs-skills MCP Server

• Use it for connecting agents to external tools and data.
• Use it for integrations workflows.
• Use it for coding workflows.
• Use it for data workflows.
• Use it for cursor users.

Built with

Explore related resources

Frequently asked questions