什么是 Claude Code Spec Workflow?

一个专为 Claude Code 设计的智能化开发工作流自动化工具,让 AI 助力你的开发流程

🔄

智能工作流

需求→设计→任务→实现的完整自动化流程,结构化管理开发过程

🐛

Bug 修复流程

报告→分析→修复→验证的标准化 Bug 处理流程,提升问题解决效率

📊

实时监控

WebSocket 实时仪表板,可视化监控项目进度和任务状态

🤖

AI 代理系统

4 个专业化 AI 代理,自动化执行任务验证和优化工作

核心特性

强大的功能特性,让开发工作流更加智能高效

智能任务执行

基于上下文感知的任务执行,自动生成任务命令,简化开发流程

  • 自动生成任务命令
  • 上下文感知执行
  • 智能任务分解
🧠

专业化 AI 代理

4 个专门的 AI 代理提供增强自动化,可选配置灵活使用

  • spec-task-executor 任务执行器
  • requirements-validator 需求验证器
  • design-validator 设计验证器
  • task-validator 任务验证器
🚀

上下文优化

智能上下文共享和缓存,大幅减少 token 使用量

  • 60-80% token 减少
  • 智能文档缓存
  • 会话级缓存管理
📊

实时仪表板

现代化 Web 界面,实时监控项目进度和任务状态

  • WebSocket 实时更新
  • Git 集成支持
  • Tailwind CSS 现代 UI
🔗

安全隧道分享

通过 HTTPS 隧道安全分享仪表板,支持密码保护

  • Cloudflare + ngrok 双重支持
  • 密码保护访问
  • 只读权限控制
📝

文档模板系统

专业的规格文档模板,标准化项目文档管理

  • 完整的 .claude/ 结构
  • 10 个斜杠命令
  • 项目指导文档

安装指南

简单两步,快速开始使用 Claude Code Spec Workflow

1

全局安装工具

使用 npm 全局安装 Claude Code Spec Workflow

NPM 安装
npm i -g @pimzino/claude-code-spec-workflow
2

项目初始化

在你的项目目录中运行设置命令

项目设置
claude-code-spec-workflow
就是这样,你已经准备好了!

工作流演示

了解两种主要工作流的使用方式

新功能开发工作流

完整的需求→设计→任务→实现自动化流程

🎯

1. 创建规格文档

/spec-create feature-name "功能描述"

自动生成需求、设计、任务分解

2. 执行任务

/spec-execute 1 feature-name
# 或使用自动生成的命令
/feature-name-task-1

智能任务执行,上下文感知实现

📊

3. 监控进度

/spec-status
/spec-list

实时查看项目进度和任务状态

Bug 修复工作流

标准化的报告→分析→修复→验证流程

📝

1. 创建 Bug 报告

/bug-create issue-name "问题描述"

结构化记录 Bug 信息

🔍

2. 分析根本原因

/bug-analyze

AI 辅助分析问题根源

🔧

3. 实施修复

/bug-fix

针对性解决方案实现

4. 验证修复

/bug-verify

确认问题已完全解决

高级功能

探索更多强大的功能特性

📊

实时仪表板

启动 Web 仪表板,实时监控项目进度和任务状态。

npx -p @pimzino/claude-code-spec-workflow claude-spec-dashboard
了解更多 →
🔗

安全隧道分享

通过 HTTPS 隧道安全分享仪表板,支持密码保护和只读访问。

claude-spec-dashboard --tunnel --tunnel-password mySecret123
了解更多 →
🚀

上下文优化

智能上下文共享和缓存,大幅减少 token 使用量,提升性能。

60-80% Token 减少
了解更多 →
🎯

项目指导设置

创建项目上下文文档,为 AI 提供持续的项目背景和标准。

/spec-steering-setup
了解更多 →
🚀

重要提示:MCP 版本已发布

开发重心已转向 MCP (Model Context Protocol) 版本,提供增强功能、实时仪表板和更广泛的 AI 工具兼容性。

查看新版本 MCP Spec Workflow →

此 Claude Code 专用版本仍可使用,但将接受有限更新。