克劳德控制中心（CCC）
用于Claude Desktop、Claude Code和Claude Web配置的综合管理系统。
🎯 项目概述
克劳德控制中心帮助您管理：
- CLAUDE.md配置生成器 -创建和维护您的Claude配置文件
- 技能库 -在所有Claude环境中浏览和管理MCP技能
- 代理商经理 -了解并配置Claude Code代理和子代理
- MCP配置 -查看和管理模型上下文协议服务器配置
- 项目模板 -新项目的快速入门模板（HTML、Python、iOS、Arduino等）
- 设计系统 -American Palette配色方案和UI组件
- 文档归档 -配置的版本控制
- 用户指南 -所有功能的全面文档
🏗️ 建筑
前端：HTML5、CSS3、Bootstrap 5、普通JavaScript 后端：Node.js、Express、Prisma ORM 数据库：PostgreSQL 16 编排：Docker编写 自动化：n8n工作流 整合：VS代码扩展（即将推出）
📦 包含内容
当前功能（第1-2阶段）
- ✅ 带有统计数据和快速操作的仪表板
- ✅ CLAUDE.md Builder，带分区管理
- ✅ 带实时预览的设计系统管理器
- ✅ 技能库，内置7种MCP技能
- ✅ 具有4种代理类型的代理管理器
- ✅ 带有7台服务器的MCP配置查看器
- ✅ 项目模板（HTML、Python、嵌入式LVGL）
- ✅ 带快照的文档存档
- ✅ 故障排除用户指南
- ✅ 后端API基础架构
- ✅ PostgreSQL数据库模式
- ✅ Docker编写设置
即将推出（第3-10阶段）
- ⏳ 技能/代理/MCP/模板的完整CRUD操作
- ⏳ 多源导入（JSON、URL、GitHub、Anthropic）
- ⏳ 本地和外部搜索
- ⏳ 本地存储→ PostgreSQL迁移工具
- ⏳ n8n工作流自动化
- ⏳ 其他模板（AppleScript、iOS/Swift、Arduino）
- ⏳ 用于项目初始化的VS代码扩展
- ⏳ Claude代码集成
🚀 快速开始
选项1:Docker（推荐）
cd docker
docker-compose up -d访问地址：
- 前端: http://localhost:8080
- API: http://localhost:3000
- pgAdmin: http://localhost:5050
方案2：地方发展
# Backend
cd backend
npm install
cp .env.example .env
npm run prisma:generate
npm run prisma:migrate
npm run dev
# Frontend (in another terminal)
cd ..
python3 -m http.server 8080📚 文档
🗂️ 项目结构
ClaudeControlCenter/
├── index.html # Dashboard
├── user-guide.html # User documentation
├── assets/
│ ├── css/ # Stylesheets
│ └── js/ # Frontend JavaScript
├── pages/ # Feature pages
│ ├── claude-builder.html
│ ├── skills-manager.html
│ ├── agents-manager.html
│ ├── mcps-viewer.html
│ ├── project-templates.html
│ ├── design-system.html
│ └── documentation-archive.html
├── backend/ # Node.js API
│ ├── src/
│ │ ├── server.js
│ │ ├── routes/
│ │ └── controllers/
│ └── prisma/
│ └── schema.prisma
├── docker/ # Docker configuration
│ ├── docker-compose.yml
│ ├── Dockerfile.backend
│ └── Dockerfile.frontend
└── vscode-extension/ # Coming in Phase 8🎨 设计系统
美国调色板 -平面设计，无渐变
主要颜色：
- 德古拉兰花（#2d3436）-页眉，深色文本
- 城市灯光（#dfe6e9）-灯光背景
- 电子蓝（#0984e3）-链接，主要操作
- 迟功（#d63031）-警报、警告
次要颜色：
- 薄荷叶（#00b894）-成功状态
- Bright Yarrow（#fdcb6e）-亮点
框架：
- Bootstrap 5.3+
- 字体真棒6
- Chart.js（未来分析）
🔧 发展路线图
✅ 已完成的阶段
- 阶段0：带有localStorage的初始web应用程序
- 第一阶段：后端基础（100%完成）✅
- Express API服务器 - PostgreSQL数据库 - 所有CRUD控制器 - Docker编排
- 第2阶段：数据迁移（100%完成）✅
- 数据库种子系统 - 7个技能+4个代理+3个MCP+3个模板 - 所有API端点功能
🚧 积极发展
- 第三期：使用CRUD增强管理器UI（下一个！）
📋 计划阶段
- 阶段4：多源导入系统
- 阶段5：搜索集成（本地+外部）
- 第6阶段：n8n工作流自动化
- 第7阶段：模板扩展（AppleScript、iOS、Arduino）
- 第8阶段：VS代码扩展
- 第9阶段：测试和文件
- 第10阶段：生产部署
时间线：总共12周| 当前：第1周结束（完成20%）
📡 API终点
看 后端/README.md 获取完整的API文档。
快速参考：
GET /api/health # Health check
GET /api/skills # List skills
POST /api/skills # Create skill
GET /api/agents # List agents
GET /api/mcps # List MCPs
GET /api/templates # List templates
POST /api/search/local # Search database
POST /api/import/json # Import JSON🧪 测试
# Test API
curl http://localhost:3000/api/health
# Test frontend
open http://localhost:8080
# View database
npm run prisma:studio🐳 Docker管理
# Start services
docker-compose up -d
# View logs
docker-compose logs -f
# Stop services
docker-compose down
# Rebuild
docker-compose build
docker-compose up -d🤝 贡献
这是一个管理Claude环境的个人项目。未来的计划可能包括：
- 社区模板库
- 共享技能市场
- 用于自定义集成的插件系统
📄 许可证
MIT许可证
🔗 链接
- 人类学文献: https://docs.anthropic.com
- 克劳德代码: https://claude.com/code
- MCP协议: https://modelcontextprotocol.io
💡 哲学
基于Zack的原则：
- 循证决策
- 系统分析
- 全面的文件
- 构建可分发的解决方案，而不是一次性解决方案
- 将个人挑战转化为社区资源
📞 支持
对于问题或疑问：
- 检查 用户指南
- 审查 阶段1_设置.md
- 检查 后端/README.md
______________________________________________________________________
状态：第一阶段正在进行中（已完成70%） 最后更新: 2025-11-20 下一个里程碑：完成第一阶段，开始第二阶段迁移系统
🚀 构建克劳德配置管理的未来！