creator/claudekit
1
0
Fork 0
mirror of https://github.com/duthaho/claudekit.git synced 2026-06-11 12:44:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: restructure website documentation

Browse Source
This commit is contained in:
duthaho
2026-04-19 11:55:10 +07:00
parent ab4890ce5f
commit 5d87f8c1f3
79 changed files with 1527 additions and 24067 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/content/docs/getting-started/introduction.md
+24 -53
View File
@@ -1,94 +1,65 @@
---
title: Introduction
description: Learn what Claude Kit is and how it can accelerate your development workflow.
description: Learn what Claude Kit is and how it accelerates your development workflow.
---
# Introduction to Claude Kit
Claude Kit is an open-source toolkit that transforms Claude Code into a production-ready AI development team. It provides pre-built commands, intelligent modes, and battle-tested skills that accelerate your development workflow.
Claude Kit is an open-source toolkit that transforms Claude Code into a production-ready AI development team. It provides auto-triggered skills, specialized agents, and intelligent modes that accelerate your development workflow.
## What is Claude Kit?
Claude Kit is a collection of:
Claude Kit is a `.claude` folder you add to your project containing:
- **27+ Commands** — Slash commands like `/feature`, `/fix`, `/review` that automate development workflows
- **7 Modes** — Behavioral configurations that optimize Claude for specific tasks (brainstorming, implementation, review, etc.)
- **34+ Skills** — Pre-built knowledge modules for languages, frameworks, testing, security, and development methodologies
- **43 Skills** — Knowledge modules that auto-trigger based on what you're doing (debugging, planning, testing, etc.)
- **20 Agents** — Specialized subagents for focused tasks (code review, security audit, database design, etc.)
- **7 Modes** — Behavioral configurations that optimize Claude for specific task types
All of this lives in a `.claude` folder that you add to your project, giving Claude Code the context and structure it needs to be truly productive.
Skills activate automatically based on keywords in your conversation. No commands to memorize — just describe what you want to do.
## Why Claude Kit?
### The Problem with Raw Claude Code
While Claude Code is powerful, using it without structure leads to common issues:
| Problem | Symptom |
|---------|---------|
| **Context Spirals** | Token budgets run out, Claude loses track of what it was doing |
| **Inconsistent Output** | Quality varies wildly between sessions |
| **Manual Workflows** | You copy the same prompts between projects |
| **No Structure** | Every session starts from scratch |
| **Missing Expertise** | Claude doesn't know your team's patterns and standards |
### How Claude Kit Helps
Claude Kit solves these problems with:
1. **Auto-Triggered Skills** — Say "fix this bug" and systematic-debugging activates. Say "plan this" and brainstorming kicks in.
2. **Specialized Agents** — Dispatch focused subagents for code review, testing, security audits, and more.
3. **Consistent Quality** — Built-in TDD enforcement, verification before completion, and code review workflows.
4. **Full Customization** — Add your own skills, agents, and modes.
1. **Structured Workflows** — Commands like `/feature` orchestrate multi-phase development automatically
2. **Context Control** — Modes and skills give Claude exactly the context it needs
3. **Consistent Quality** — Built-in code review, testing standards, and security checks
4. **Full Customization** — Add your own commands, modes, and skills
## How Skills Work
## Key Features
Skills are the core of Claude Kit. They trigger automatically based on keywords:
### Commands
```
You: "I need to add user authentication to our app"
↓ triggers: brainstorming, authentication, backend-frameworks
Commands automate common development tasks:
You: "There's a TypeError in the UserService"
↓ triggers: systematic-debugging, root-cause-tracing
```bash
/feature "add user authentication" # Full feature workflow
/fix "TypeError in UserService" # Smart debugging
/review src/auth/ # Code review
/ship "feat: add auth" # Git commit + PR
You: "Let's write tests for the API endpoints"
↓ triggers: testing, test-driven-development
```
### Modes
Modes change Claude's behavior for different task types:
```bash
/mode brainstorm # Creative exploration, more questions
/mode implementation # Code-focused, minimal prose
/mode review # Critical analysis, finds issues
```
### Skills
Skills provide pre-built knowledge for:
- **Languages**: Python, TypeScript, JavaScript
- **Frameworks**: React, Next.js, FastAPI, Django
- **Testing**: pytest, vitest, Playwright
- **Methodologies**: TDD, systematic debugging, code review
No slash commands needed — Claude reads your intent and activates the right skills.
## Who is Claude Kit For?
Claude Kit is designed for:
- **Solo developers** who want to ship faster
- **Small teams (1-3 developers)** working on multi-stack projects
- **Anyone using Claude Code** who wants more structure and consistency
## Next Steps
Ready to get started?
1. [Install Claude Kit](/claudekit/getting-started/installation/) — Add it to your project
2. [Quick Start](/claudekit/getting-started/quick-start/) — Your first command in 2 minutes
3. [Configuration](/claudekit/getting-started/configuration/) — Customize for your project
Or dive into the features:
- [Commands Reference](/claudekit/commands/overview/) — All 27+ commands
- [Modes Reference](/claudekit/modes/overview/) — All 7 behavioral modes
- [Skills Reference](/claudekit/skills/overview/) — All 34+ skill modules
2. [Configuration](/claudekit/getting-started/configuration/) — Customize for your project
3. [Skills Reference](/claudekit/reference/skills/) — Browse all 43 skills