By udecode
Run a local MCP server to integrate Next.js devtools into Claude Code, enabling developers to inspect projects, debug code, analyze builds, and streamline development workflows for React apps directly from their IDE.
Type-safe Convex framework with a tRPC-style server API, Drizzle-style ORM, and TanStack Query client integration.
kitcn/server)kitcn/orm)kitcn/react)kitcn/auth/nextjs, kitcn/rsc)kitcn/auth, kitcn/auth/client, kitcn/auth/config, kitcn/auth/http)kitcn/ratelimit)kitcn bin)npx kitcn@latest init -t next --yes
Then follow the Quickstart.
bun install
bun typecheck
bun run test
bun run lint
The canonical reference app lives in example. It demonstrates current best-practice usage across auth, cRPC, ORM, HTTP routes, and TanStack Query.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimDig into library source code - clone and explore repos to answer API questions
MCP servers for Codex integration
Test-driven development workflow for writing tests before implementation - red-green-refactor cycle with deterministic unit tests
macOS notifications for Claude Code events
Complete development toolkit - documentation, PRDs, design docs, debugging, PR workflows, and planning
npx claudepluginhub udecode/kitcn --plugin kitcnAgent skills for building production-ready Convex applications. Includes best practices, functions, realtime patterns, schema validation, file storage, security audits, and more.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Expert Next.js 16 + React 19 with App Router, Server Components, Prisma 7, and Better Auth
React, Next.js, and TanStack Start development
MCP server for Next.js developer tooling