duthaho/claudekit

The open-source AI dev toolkit for Claude Code. Ship faster with 27+ commands, 7 modes, and 34+ skills. Free forever.

License:UnknownLanguage:JavaScript4734
ai-assistantai-codingai-toolsanthropic自动化Claudeclaude-code命令行code-generationdeveloper-toolsdevtoolsllmopen-sourceproductivityworkflow-automation

Deep Analysis

Comprehensive development toolkit providing pre-configured agents, commands, and skills for Claude Code, supporting Python and JavaScript/TypeScript projects

Core Features

Technical Implementation

Highlights
  • Token optimization saves 30-70% costs
  • MCP protocol integration provides real-time docs, structured reasoning, browser testing enhancements
  • Comprehensive coverage from planning to deployment complete dev flow
Use Cases
  • Teams needing quick Claude Code workflow setup
  • Python/JavaScript/TypeScript full-stack development projects
  • Enterprises needing standardized AI-assisted development processes
Limitations
  • Only supports Python and JavaScript/TypeScript tech stacks
  • Requires Claude Code CLI environment
  • Many presets may need customization for specific projects
Tech Stack
Claude Code CLIMCP (Model Context Protocol)PythonJavaScript/TypeScriptFastAPI/Django/Next.js/React

Claude Kit

A comprehensive toolkit for Claude Code to accelerate development workflows for teams working with Python and JavaScript/TypeScript.

Features

  • 20 Specialized Agents - From planning to deployment
  • 27+ Slash Commands - Workflow automation with flag support
  • 30+ Skills - Framework, language, methodology, and optimization expertise
  • 7 Behavioral Modes - Task-specific response optimization
  • Command Flag System - Combinable --flag syntax for customization
  • Token Optimization - 30-70% cost savings with compressed output modes
  • MCP Integrations - Context7, Sequential Thinking, Playwright, Memory, Filesystem
  • Context Management - Project indexing, checkpoints, parallel tasks

Quick Start

  1. Copy the .claude folder to your project root
  2. Customize .claude/CLAUDE.md for your project
  3. Start using commands like /feature, /review, /test

Directory Structure

.claude/
├── CLAUDE.md              # Project context (customize this!)
├── settings.json          # Hooks, permissions, and MCP config
├── agents/                # 20 specialized agents
├── commands/              # 27+ workflow commands
├── modes/                 # 7 behavioral mode definitions
├── mcp/                   # MCP server configurations
└── skills/                # Framework, language, and methodology skills
    ├── frameworks/        # FastAPI, Next.js, React, etc.
    ├── languages/         # Python, TypeScript, JavaScript
    ├── methodology/       # TDD, debugging, planning (14 skills)
    └── optimization/      # Token efficiency patterns

Agents

Core Development

Agent Description
planner Task decomposition and planning
researcher Technology research
debugger Error analysis and fixing
tester Test generation
code-reviewer Code review with security focus
scout Codebase exploration

Operations

Agent Description
git-manager Git operations and PRs
docs-manager Documentation generation
project-manager Progress tracking
database-admin Schema and migrations
ui-ux-designer UI component creation

Extended

Agent Description
cicd-manager CI/CD pipeline management
security-auditor Security reviews
api-designer API design and OpenAPI
vulnerability-scanner Security scanning
pipeline-architect Pipeline optimization

Commands

Development Workflow

/feature [description]   # Full feature development
/fix [error]            # Debug and fix bugs
/review [file]          # Code review
/test [scope]           # Generate tests
/tdd [feature]          # Test-driven development

Git & Deployment

/commit [message]       # Smart commit
/ship [message]         # Commit + PR
/pr [title]             # Create pull request
/deploy [env]           # Deploy to environment

Documentation & Planning

/plan [task]            # Create implementation plan
/plan --detailed [task] # Detailed plan (2-5 min tasks)
/brainstorm [topic]     # Interactive design session
/execute-plan [file]    # Subagent-driven execution
/doc [target]           # Generate documentation
/research [topic]       # Research technology

Security & Quality

/security-scan          # Scan for vulnerabilities
/api-gen [resource]     # Generate API code
/refactor [file]        # Improve code structure
/optimize [file]        # Performance optimization

Context & Modes (New)

/mode [name]            # Switch behavioral mode
/index                  # Generate project index
/load [component]       # Load project context
/checkpoint [action]    # Save/restore session state
/spawn [task]           # Launch parallel background task

Skills

Languages

  • Python, TypeScript, JavaScript

Frameworks

  • FastAPI, Django, Next.js, React

Databases

  • PostgreSQL, MongoDB

DevOps

  • Docker, GitHub Actions

Frontend

  • Tailwind CSS, shadcn/ui

Security

  • OWASP best practices

Testing

  • pytest, vitest

Optimization

  • Token-efficient output patterns
  • Sequential thinking methodology

Methodology (Superpowers)

Category Skills
Planning brainstorming, writing-plans, executing-plans
Testing test-driven-development, verification-before-completion, testing-anti-patterns
Debugging systematic-debugging, root-cause-tracing, defense-in-depth
Collaboration dispatching-parallel-agents, requesting-code-review, receiving-code-review, finishing-development-branch

Key methodology principles:

  • TDD Strict: No production code without failing test first
  • Verification: Evidence-based completion claims
  • Quality Gates: Code review between every task
  • Bite-sized Tasks: 2-5 minute increments with exact code
  • Sequential Thinking: Step-by-step reasoning with confidence scores

Behavioral Modes

Switch modes to optimize responses for different task types:

Mode Description Best For
default Balanced standard behavior General tasks
brainstorm Creative exploration, questions Design, ideation
token-efficient Compressed, concise output Cost savings
deep-research Thorough analysis, citations Investigation
implementation Code-focused, minimal prose Executing plans
review Critical analysis, finding issues Code review
orchestration Multi-task coordination Parallel work
/mode brainstorm              # Switch for session
/feature --mode=implementation # Override per command

Command Flags

All commands support combinable flags:

# Mode and depth
/plan --mode=brainstorm --depth=5 "feature design"

# Persona-based review
/review --persona=security --format=detailed src/auth/

# Token optimization
/fix --format=concise "error message"

# Save output
/research --save=docs/research.md "auth libraries"

Available Flags

Flag Description
--mode=[mode] Behavioral mode
--depth=[1-5] Thoroughness (1=quick, 5=exhaustive)
--format=[fmt] Output format (concise/detailed/json)
--persona=[type] Expertise focus (security/performance/architecture)
--save=[path] Save output to file
--checkpoint Create state checkpoint

Token Optimization

Reduce costs by 30-70% with compressed output modes:

Level Activation Savings
Concise --format=concise 30-40%
Ultra --format=ultra 60-70%
Session /mode token-efficient 30-70%

MCP Integrations

MCP servers extend Claude Kit with powerful capabilities. They are automatically used when configured.

Server Package Purpose
Context7 @upstash/context7-mcp Up-to-date library documentation
Sequential @modelcontextprotocol/server-sequential-thinking Multi-step reasoning
Playwright @playwright/mcp Browser automation (Microsoft)
Memory @modelcontextprotocol/server-memory Persistent knowledge graph
Filesystem @modelcontextprotocol/server-filesystem Secure file operations

How MCP Servers Enhance Commands

Command MCP Servers Used Enhancement
/feature Context7, Sequential, Filesystem Accurate docs, structured planning, safe file ops
/fix Sequential, Memory, Playwright Step-by-step debugging, context recall, browser testing
/test Playwright, Filesystem E2E browser tests, test file management
/plan Sequential, Memory Structured breakdown, remembers decisions
/research Context7, Sequential Real-time docs, thorough analysis
/brainstorm Sequential, Memory Creative exploration, persistent ideas
/index Filesystem Project structure scanning

MCP + Mode Combinations

Mode Primary MCP Best For
brainstorm Sequential + Memory Design sessions with persistent ideas
deep-research Sequential + Context7 Thorough technical investigation
implementation Filesystem + Context7 Focused coding with accurate docs
review Playwright + Memory UI review with context
orchestration All 5 Complex multi-step parallel work

Example: Full Feature Development

/feature Add user profile with avatar upload
  1. Context7 → Fetches latest React/Next.js file upload docs
  2. Sequential → Plans component structure step-by-step
  3. Memory → Recalls your UI patterns from previous sessions
  4. Filesystem → Creates files in correct locations
  5. Playwright → Tests the upload flow in browser

Setup: See .claude/mcp/README.md

Customization

CLAUDE.md

The .claude/CLAUDE.md file is your project context. Customize it with:

# Project: Your Project Name

## Tech Stack
- **Backend**: FastAPI
- **Frontend**: Next.js
- **Database**: PostgreSQL

## Conventions
- Use type hints
- 80% test coverage
- Conventional commits

## Agent Overrides
### Tester
- Framework: pytest
- Coverage: 90%

Adding Custom Commands

Create a new file in .claude/commands/:

# /my-command

## Purpose
Description of your command.

---

Your prompt content here.

Use $ARGUMENTS for command arguments.

Adding Custom Skills

Create a new skill in .claude/skills/category/skillname/SKILL.md:

# Skill Name

## Description
Brief description for matching.

---

## Patterns
Your patterns and examples here.

Workflow Chains

Feature Development

/feature → planner → implement → code-reviewer → tester → git-manager

Bug Fix

/fix → debugger → scout → implement → tester → code-reviewer

Ship Code

/ship → code
Highly Recommended
agents

wshobson/agents

wshobson

Intelligent automation and multi-agent orchestration for Claude Code

The most comprehensive Claude Code plugin ecosystem, covering full-stack development scenarios with a three-tier model strategy balancing performance and cost.

25.6k2.8k3 days ago
Highly Recommended
awesome-claude-skills

ComposioHQ/awesome-claude-skills

ComposioHQ

A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows

The most comprehensive Claude Skills resource list; connect-apps is a killer feature.

19.9k2.0k3 days ago
Recommended
oh-my-opencode

code-yeongyu/oh-my-opencode

code-yeongyu

The Best Agent Harness. Meet Sisyphus: The Batteries-Included Agent that codes like you.

Powerful multi-agent coding tool, but note OAuth limitations.

17.5k1.2k3 days ago
Highly Recommended
ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill

nextlevelbuilder

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

Essential for designers; comprehensive UI/UX knowledge base.

15.3k1.5k3 days ago
Recommended
claude-mem

thedotmack/claude-mem

thedotmack

A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.

A practical solution for Claude's memory issues.

14.0k9143 days ago
Highly Recommended
planning-with-files

OthmanAdi/planning-with-files

OthmanAdi

Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B acquisition.

Context engineering best practices; an open-source implementation of Manus mode.

9.3k8113 days ago