Claude Code Kit

Claude Code Kit

**Claude Code infrastructure with auto-activating skills and framework-specific kits.**

Install complete Claude Code infrastructure in 30 seconds with automatic framework detection and skill auto-activation.

Quick Start

npx github:blencorp/claude-code-kit

**What happens:**

1. Detects your frameworks (Next.js, React, Express, Prisma, etc.)
2. Asks which kits to install
3. Copies hooks, agents, commands, and skills to .claude/
4. Configures automatic skill activation via skill-rules.json
5. Installs everything in < 30 seconds

**Result:** Skills automatically activate when you need them based on your prompts, file edits, and technology usage.

---

What's a Kit?

A **kit** is a framework-specific package that includes:

• Skill - Best practices, patterns, and examples for the framework
• Auto-activation triggers - Keywords and patterns that activate the skill
• Resources - Detailed guides organized by topic
• Detection logic - Automatic framework detection

When installed, kits make Claude Code an expert in your stack.

---

Available Kits

Frontend Kits

Kit	Description	Documentation
Next.js	Next.js 15+ App Router, Server Components, Server Actions	README
React	React 19 hooks, Suspense, lazy loading, TypeScript patterns	README
shadcn/ui	shadcn/ui component library with Tailwind CSS	README
Tailwind CSS	Tailwind v4 utilities, responsive design, theming	README
Material-UI	MUI v7 components, sx prop styling, theming	README
TanStack Router	File-based routing, loaders, type-safe navigation	README
TanStack Query	Data fetching with useS