A CLI tool for configuring and monitoring Anthropic's Claude Code, featuring ready-to-use AI agents, custom slash commands, MCP integrations, automation hooks, and real-time analytics dashboards with secure remote monitoring via Cloudflare Tunnel.
Overview#
Claude Code Templates (alias cct) is a comprehensive configuration management and enhancement toolkit built around Anthropic Claude Code. It provides standardized project templates (including CLAUDE.md, .mcp.json, etc.) along with a component system featuring domain-expert AI Agents, custom slash Commands, external service MCP integrations, and automation Hooks.
Core Component System#
π€ Agents#
Domain-expert AI optimized for specific tasks:
security-auditor: Security auditorreact-performance-optimizer: React performance optimizerdatabase-architect: Database architectfrontend-developer: Frontend development expertcode-reviewer: Code reviewer
β‘ Commands#
Custom slash commands extending CLI capabilities:
/generate-tests: Auto-generate tests/optimize-bundle: Bundle optimization/check-security: Security check
π MCPs (Integrations)#
External service connectors:
- GitHub integration
- PostgreSQL database
- Stripe payments
- AWS services
- OpenAI API
βοΈ Settings#
Claude Code behavior tuning parameters:
- Timeout settings
- Memory limits
- Output styles
πͺ Hooks#
Lifecycle automation triggers:
pre-commit-validation: Pre-commit validationpost-completion: Post-completion handlers
π¨ Skills#
Reusable processing capabilities:
- PDF processing
- Excel automation
- Custom workflows
Analytics & Monitoring Tools#
π Claude Code Analytics#
Real-time monitoring of AI development sessions, state detection, and performance metrics collection.
π¬ Conversation Monitor#
Mobile-optimized conversation monitoring interface with real-time Claude response viewing and secure remote access via Cloudflare Tunnel.
π Health Check#
Diagnose Claude Code installation environment, verify configuration correctness, and identify optimization opportunities.
𧩠Plugin Dashboard#
Visual plugin marketplace management and permission control.
Quick Start#
Run with NPX (Recommended)#
npx claude-code-templates@latest
Global Installation#
npm install -g claude-code-templates
# Use alias 'cct' after installation
cct
Common Commands#
# Interactive browsing
npx claude-code-templates@latest
# Install complete development stack
npx claude-code-templates@latest --agent development-team/frontend-developer --command testing/generate-tests --mcp development/github-integration --yes
# Launch analytics dashboard
npx claude-code-templates@latest --analytics
# Session monitoring with secure remote access
npx claude-code-templates@latest --chats --tunnel
# Health check
npx claude-code-templates@latest --health-check
Supported Frameworks#
- Frontend: React, Vue, Angular
- Backend: Django, FastAPI, Rails
- All with optimized
CLAUDE.mdconfiguration templates
Standard Template Structure#
your-template-name/
βββ CLAUDE.md # Main configuration
βββ .claude/
β βββ settings.json # Behavior config & automation hooks
β βββ commands/ # Template-specific commands
βββ .mcp.json # MCP server configuration
βββ README.md # Template documentation