AI导哈

Claude配置管理系统

一个全面的管理系统，用于管理Claude Desktop、Claude Code和Claude Web的配置，包括配置构建、技能库管理、代理配置和项目模板等功能。

  • by zackpeters93
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 zackpeters93/ClaudeControlCenter

使用说明

克劳德控制中心（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. 检查 用户指南
  2. 审查 阶段1_设置.md
  3. 检查 后端/README.md

状态：第一阶段正在进行中（已完成70%） 最后更新: 2025-11-20 下一个里程碑：完成第一阶段，开始第二阶段迁移系统

🚀 构建克劳德配置管理的未来！

相关 MCP