{
  "markdown": "# Claude Kit\n\n> A collection of powertools for [Claude Code](https://claude.ai/code) including specialized agents, slash commands, and skills.\n\n<p align=\"center\">\n  <a href=\"LICENSE\"><img src=\"https://img.shields.io/badge/License-MIT-blue?style=for-the-badge\" alt=\"License: MIT\"></a>\n  <a href=\"https://github.com/ruchernchong/claude-kit/stargazers\"><img src=\"https://img.shields.io/github/stars/ruchernchong/claude-kit?style=for-the-badge&logo=github\" alt=\"GitHub Stars\"></a>\n  <a href=\"https://github.com/ruchernchong/claude-kit/issues\"><img src=\"https://img.shields.io/github/issues/ruchernchong/claude-kit?style=for-the-badge&logo=github\" alt=\"GitHub Issues\"></a>\n  <a href=\"https://www.typescriptlang.org/\"><img src=\"https://img.shields.io/badge/TypeScript-5.9-blue?style=for-the-badge&logo=typescript&logoColor=white\" alt=\"TypeScript\"></a>\n  <a href=\"https://pnpm.io/\"><img src=\"https://img.shields.io/badge/pnpm-10.x-orange?style=for-the-badge&logo=pnpm&logoColor=white\" alt=\"pnpm\"></a>\n  <a href=\"https://nodejs.org/\"><img src=\"https://img.shields.io/badge/Node.js-24-green?style=for-the-badge&logo=node.js&logoColor=white\" alt=\"Node.js\"></a>\n</p>\n\n![Install Commands](assets/install-commands.png)\n\n## Setup\n\n1. Install dependencies:\n   ```bash\n   pnpm install\n   ```\n\n2. Run the interactive setup:\n   ```bash\n   pnpm bootstrap\n   ```\n\n   This creates symlinks:\n   - `~/.claude/agents` -> `agents/`\n   - `~/.claude/commands` -> `commands/`\n   - `~/.claude/skills` -> `skills/`\n   - `~/.mcp.json` -> `.mcp.json`\n\n3. (Optional) Install specific commands:\n   ```bash\n   pnpm install-commands\n   ```\n\n   Select which slash commands to install using an interactive multi-select menu.\n\n4. (Optional) Install a statusline:\n   ```bash\n   pnpm install-statusline\n   ```\n\n   Configure a custom statusline for Claude Code.\n\n## Available Agents\n\nAgents are specialized subagents for complex, multi-step tasks. They're invoked via the Task tool.\n\n| Agent | Description |\n|-------|-------------|\n| accessibility-checker | Checks UI code for accessibility compliance |\n| api-designer | Designs REST APIs with Hono |\n| api-researcher | Researches APIs and integration patterns |\n| cache-strategist | Designs caching strategies with Upstash Redis |\n| ci-cd-helper | Sets up CI/CD pipelines |\n| component-builder | Builds reusable UI components with Next.js, HeroUI v3, and Tailwind CSS v4 |\n| css-optimizer | Optimizes CSS and Tailwind usage |\n| database-optimizer | Optimizes database queries and schema with Drizzle ORM and Neon Postgres |\n| debug-assistant | Diagnoses bugs from errors and stack traces |\n| dependency-updater | Analyzes dependencies and suggests updates |\n| design-system-helper | Maintains design system consistency with HeroUI v3 and Tailwind CSS v4 |\n| library-evaluator | Evaluates libraries for project fit |\n| migration-assistant | Helps plan database migrations with Drizzle |\n| responsive-checker | Checks responsive design and breakpoints |\n| security-auditor | Audits code for security vulnerabilities |\n| test-writer | Generates tests with Vitest and React Testing Library |\n\n## Available Slash Commands\n\nSlash commands are user-invocable. Type `/command-name` to invoke.\n\n| Command | Description |\n|---------|-------------|\n| `/commit` | Smart git commit with GitLeaks security check and concise messages |\n| `/new-branch` | Create branches with GitHub issue integration |\n| `/new-issue` | GitHub issue creation with template support |\n| `/new-pr` | Automated PR creation with commit analysis |\n| `/sync-docs` | Documentation maintenance for CLAUDE.md and README.md |\n| `/update-issue` | Update GitHub issue title, body, labels, or assignees |\n\n## Available Skills\n\nSkills are multi-command workflows that combine multiple operations:\n\n| Skill | Description |\n|-------|-------------|\n| `security` | Run security audit with GitLeaks pre-commit hook setup and code analysis |\n| `tailwind` | Audit and fix Tailwind CSS anti-patterns (spacing direction, size-*, gap preference, 8px grid, etc.) |\n\n## Available Statuslines\n\nStatuslines display real-time information in the Claude Code interface.\n\n| Statusline | Description |\n|------------|-------------|\n| `full` | 3-line display: project/branch/model/version, context usage bar, cost/burn rate/tokens |\n\n**Preview:**\n```\n📁 project 🌿 main 🤖 Opus 📟 v1.0.85\n🧠 Context: 42% [====------]\n💰 $1.23 ($5.50/h) 📊 125K tok\n```\n\n## Creating New Agents\n\nAdd a new markdown file in the `agents/` directory:\n\n```markdown\n---\nname: my-agent\ndescription: Brief description of when to use this agent\ntools: Read, Grep, Glob, Edit, Write, Bash\nmodel: sonnet\n---\n\nDetailed instructions for the agent's behavior...\n```\n\n### Frontmatter Fields\n\n- **name**: Unique identifier for the agent\n- **description**: When Claude should use this agent\n- **tools**: Comma-separated list of allowed tools\n- **model**: Preferred model (`sonnet`, `opus`, or `haiku`)\n\n## Creating New Slash Commands\n\nAdd a new markdown file in the `commands/` directory:\n\n```markdown\n---\ndescription: Command description (what it does and when to use it)\nmodel: sonnet\nallowed-tools: Bash(npm run *), Read(*), Grep\n---\n\nDetailed instructions for the command's behavior...\n```\n\n### Frontmatter Fields\n\n- **description**: What the command does and when to use it\n- **model**: (Optional) Preferred Claude model\n- **allowed-tools**: List of permitted tools with optional patterns\n\n## Development\n\n```bash\n# Check for linting issues\npnpm biome check .\n\n# Fix linting issues\npnpm biome check . --write\n\n# Type check TypeScript\npnpm exec tsc --noEmit\n\n# Run tests (interactive)\npnpm test:docker\n```\n\n### CLI Tools\n\nThe project uses TypeScript with [@clack/prompts](https://github.com/natemoo-re/clack) for interactive CLI tools:\n\n- `pnpm bootstrap` - Interactive setup wizard\n- `pnpm install-commands` - Select commands to install\n- `pnpm install-statusline` - Configure statusline\n- `pnpm test:docker` - Interactive test runner\n\nAll CLI tools feature:\n- Beautiful interactive prompts\n- Multi-select menus\n- Progress spinners\n- Graceful cancellation (Ctrl+C)\n- Colored output\n\n## Updating\n\n```bash\ngit pull\n```\n\nThe symlinks automatically reflect updates - no reinstallation needed.\n\n## Project Structure\n\n```\n.\n├── agents/            # 16 specialized agent definitions\n├── commands/          # 6 slash command definitions\n├── skills/            # 2 multi-command workflows\n│   ├── security/      # Security audit skill\n│   └── tailwind/      # Tailwind CSS optimization skill\n├── statuslines/       # Statusline scripts for Claude Code\n├── src/               # TypeScript CLI source code\n├── tests/             # Docker-based test infrastructure\n└── .mcp.json          # MCP server configuration\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## Changelog\n\nSee [CHANGELOG.md](CHANGELOG.md) for a detailed version history.\n\n## License\n\nMIT © [Ru Chern Chong](https://github.com/ruchernchong)\n",
  "bytes": 6955,
  "sha": "7ff0210095113e781b24ccd854df785056f242e38afb652b702bf846467cdcbe",
  "repo_slug": "ruchernchong/claude-kit",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_ruchernchong_claude_kit_create_branch_0387be9e/readme"
}