Claude Code 的配置与监控 CLI 工具,提供即用型 AI 代理、自定义斜杠命令、MCP 外部集成、自动化钩子及实时分析面板,支持通过 Cloudflare Tunnel 进行远程会话监控。
项目简介#
Claude Code Templates(别名 cct)是一个围绕 Anthropic Claude Code 构建的配置管理与增强工具集。它不仅提供了一套标准化的项目模板(包含 CLAUDE.md、.mcp.json 等),还通过组件化系统提供了领域专家型 AI Agents、自定义斜杠 Commands、外部服务 MCP 集成以及自动化 Hooks。
核心组件系统#
🤖 Agents(代理)#
领域专家型 AI,针对特定任务优化:
security-auditor:安全审计员react-performance-optimizer:React 性能优化器database-architect:数据库架构师frontend-developer:前端开发专家code-reviewer:代码审查员
⚡ Commands(命令)#
自定义斜杠命令,扩展 CLI 能力:
/generate-tests:自动生成测试/optimize-bundle:打包优化/check-security:安全检查
🔌 MCPs(外部集成)#
外部服务连接器:
- GitHub 集成
- PostgreSQL 数据库
- Stripe 支付
- AWS 服务
- OpenAI API
⚙️ Settings(配置)#
Claude Code 行为调优参数:
- 超时设置
- 内存限制
- 输出样式
🪝 Hooks(钩子)#
生命周期自动化触发器:
pre-commit-validation:提交前验证post-completion:完成后处理
🎨 Skills(技能)#
可复用的通用处理能力:
- PDF 处理
- Excel 自动化
- 自定义工作流
分析与监控工具#
📊 Claude Code Analytics#
实时监控 AI 开发会话,检测当前状态,收集性能指标。
💬 Conversation Monitor#
移动端优化的会话监视界面,支持查看 Claude 实时响应,可通过 Cloudflare Tunnel 安全远程访问。
🔍 Health Check#
诊断 Claude Code 安装环境,检查配置正确性与优化空间。
🧩 Plugin Dashboard#
可视化管理插件市场与权限控制。
快速开始#
安装(推荐使用 NPX)#
npx claude-code-templates@latest
全局安装#
npm install -g claude-code-templates
# 安装后可使用别名 cct
cct
常用命令示例#
# 交互式浏览安装
npx claude-code-templates@latest
# 安装完整开发栈
npx claude-code-templates@latest --agent development-team/frontend-developer --command testing/generate-tests --mcp development/github-integration --yes
# 启动分析面板
npx claude-code-templates@latest --analytics
# 会话监控(支持远程安全访问)
npx claude-code-templates@latest --chats --tunnel
# 健康检查
npx claude-code-templates@latest --health-check
支持的技术栈#
- 前端:React、Vue、Angular
- 后端:Django、FastAPI、Rails
- 均提供优化的
CLAUDE.md配置模板
Template 标准结构#
your-template-name/
├── CLAUDE.md # 主配置
├── .claude/
│ ├── settings.json # 行为配置与自动化钩子
│ └── commands/ # 模板专属命令
├── .mcp.json # MCP 服务器配置
└── README.md # 模板文档