ccw-command-explorer

Claude Code Workflow 命令百科 - 交互式命令探索网站

一个现代化的 Web 应用，用于展示和探索 Claude-Code-Workflow 项目的完整命令图谱。

项目简介

CCW Command Explorer 是一个交互式的命令文档网站，帮助开发者快速了解和使用 Claude Code Workflow 工作流系统的各类命令。

功能特性

LLM 智能推荐

接入大语言模型的智能命令推荐系统，让 AI 帮你选择最合适的工作流：

• LLM 意图分析：配置 API 后，AI 深度理解任务描述，智能推荐命令组合
• 支持多模型：兼容 OpenAI API 格式，支持 Claude、Gemini、DeepSeek、本地模型等
• 完整上下文：自动加载 127 个命令的详细说明作为上下文，确保推荐准确性
• 安全配置：API Key 本地加密存储，通过 Serverless 代理调用避免 CORS 问题
• 关键词匹配：未配置 LLM 时，基于规则的关键词匹配作为兜底推荐方案

命令探索

• 分类浏览：按主入口、工作流、会话管理、Issue 管理、记忆系统、头脑风暴、TDD 开发、测试、代码审查、UI 设计等分类浏览
• 等级筛选：4 级工作流系统，从简单的 bug 修复到复杂的多角色头脑风暴
• CLI 支持：同时支持 Claude Code 和 Codex 命令
• 搜索功能：快速搜索命令名称或描述

交互式学习

• 命令详情弹窗：点击命令卡片查看详细说明、使用场景、相关命令
• 使用案例：按等级分类的实际使用案例，展示完整的交互过程
• 版本时间线：项目成长地图，了解每个版本的新功能和命令

快速入门指南

• 老奶奶指南：只需记住 5 个核心命令，其他的让 /ccw 帮你选
• 安装教程：详细的安装和更新步骤
• 废弃命令说明：已废弃命令及其替代方案

技术栈

• 框架：React 19 + TypeScript
• 构建工具：Vite 7
• 样式：CSS + Framer Motion 动画
• 图标：Lucide React
• 分析：Vercel Analytics + Speed Insights

主要页面

概览页

• 项目成长地图（版本时间线）
• 4 级工作流系统说明
• 老奶奶也能看懂的命令指南

命令页

• 完整命令列表
• 多维度筛选（分类/等级/CLI）
• 命令详情弹窗
• 废弃命令说明

安装页

• 项目仓库链接
• 安装和更新步骤
• 快速开始指南
• 相关资源链接

相关资源

• CCW GitHub 仓库
• 安装指南
• 快速入门
• 更新日志

贡献

欢迎提交 Issue 和 Pull Request！