nodejs
π―Skillfrom blencorp/claude-code-kit
|nodejs skill from blencorp/claude-code-kit
Part of
blencorp/claude-code-kit(10 items)
Installation
npx github:blencorp/claude-code-kitSkill Details
Overview
# 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
```bash
npx github:blencorp/claude-code-kit
```
What happens:
- Detects your frameworks (Next.js, React, Express, Prisma, etc.)
- Asks which kits to install
- Copies hooks, agents, commands, and skills to
.claude/ - Configures automatic skill activation via
skill-rules.json - 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](cli/kits/nextjs/README.md) |
| React | React 19 hooks, Suspense, lazy loading, TypeScript patterns | [README](cli/kits/react/README.md) |
| shadcn/ui | shadcn/ui component library with Tailwind CSS | [README](cli/kits/shadcn/README.md) |
| Tailwind CSS | Tailwind v4 utilities, responsive design, theming | [README](cli/kits/tailwindcss/README.md) |
| Material-UI | MUI v7 components, sx prop styling, theming | [README](cli/kits/mui/README.md) |
| TanStack Router | File-based routing, loaders, type-safe navigation | [README](cli/kits/tanstack-router/README.md) |
| TanStack Query | Data fetching with useSuspenseQuery, cache management | [README](cli/kits/tanstack-query/README.md) |
Backend Kits
| Kit | Description | Documentation |
|-----|-------------|---------------|
| Express | Express.js routing, middleware, controllers | [README](cli/kits/express/README.md) |
| Node.js | Layered architecture, async patterns, error handling | [README](cli/kits/nodejs/README.md) |
| Prisma | Prisma ORM query patterns, repository pattern, transactions | [README](cli/kits/prisma/README.md) |
All kits are auto-detected during installation based on your package.json and project structure.
---
Core Infrastructure
Every installation includes:
Hooks (6)
Essential (Auto-configured):
- skill-activation-prompt (UserPromptSubmit) - Analyzes prompts and suggests relevant skills automatically
- post-tool-use-tracker (PostToolUse) - Tracks file changes to maintain context across sessions
Optional (Requires customization):
- tsc-check (Stop) - TypeScript compilation check (monorepo-friendly)
- trigger-build-resolver (Stop) - Auto-launches build-error-resolver agent on build failures
- error-handling-reminder (Stop) - Gentle reminders for error handling patterns
- stop-build-check-enhanced (Stop) - Enhanced build checking with smart filtering
Agents (6)
Specialized assistants for complex tasks:
- code-architecture-reviewer - Reviews code for adherence to best practices and architectural consistency
- code-refactor-master - Refactors code for better organization, cleaner architecture, improved maintainability
- documentation-architect - Creates comprehensive documentation from code and memory
- plan-reviewer - Reviews development plans for completeness and potential issues
- refactor-planner - Analyzes code structure and creates comprehensive refactoring plans
- web-research-specialist - Researches technical solutions across GitHub, Stack Overflow, Reddit, forums
Commands (6)
Slash commands fo
More from this repository9
Provides expert Tailwind CSS guidance, offering v4 utility generation, responsive design patterns, theming recommendations, and intelligent component styling strategies.
Provides intelligent component generation and integration guidance for the shadcn/ui library, offering best practices for creating and customizing Tailwind CSS-based React UI components.
Provides expert guidance, best practices, and auto-activated code generation for Next.js 15+ App Router, server components, and server actions.
Tests and validates API routes by automatically generating comprehensive test cases, checking endpoint responses, and identifying potential routing issues or vulnerabilities.
Skill
Provides React 19 best practices, advanced hooks, Suspense patterns, lazy loading techniques, and TypeScript-optimized component development strategies.
Provides file-based routing, type-safe navigation, and loader support for React applications using TanStack Router, enabling declarative and efficient client-side routing.
Provides Express.js-specific code generation, routing best practices, middleware patterns, and controller implementation guidance for Node.js backend development.
Provides Prisma ORM-specific code generation, query optimization, repository pattern implementations, and database transaction best practices for Claude Code interactions.