1. 模型概述
Spec Workflow MCP 是一个基于 模型上下文协议(Model Context Protocol, MCP) 的服务器。它的核心定位是充当AI辅助软件开发中的 “结构化规范驱动开发工作流” 工具。你可以把它想象成一位植入在你开发环境里的 AI产品经理兼项目管家。
1.1 能力评估
这个MCP服务器为AI助手(如Claude)提供了一套完整的工具和上下文,使其能够引导并管理一个结构化的开发流程。其主要能力包括:
-
全流程规范管理:引导AI创建从需求(PRD)→ 设计(Design)→ 开发任务(Tasks) 的完整规范文档链。
-
实时进度监控:通过Web仪表板或VSCode扩展,实时查看所有规范的状态、任务进度条和详细信息。
-
内嵌审批工作流:为生成的规范或设计方案提供批准、拒绝、请求修订的完整审批流程,确保AI的输出符合人类开发者的预期。
-
问题与任务跟踪:集成完整的Bug报告、解决跟踪和任务执行系统。
-
多语言支持:仪表板和扩展支持包括中文、英语、日语等在内的11种语言界面。
核心接口与工具:作为一个MCP服务器,它主要通过向AI客户端暴露一系列 “工具(Tools)” 和 “资源(Resources)” 来工作。虽然搜索结果未明确列出所有接口数量,但从功能描述看,它至少提供了创建规范、获取规范列表、查看进度、执行任务等核心工具,并能将规范文档作为资源提供给AI模型进行读取和操作。
1.2 技术特点介绍
-
MCP协议集成:基于Anthropic开源的MCP协议构建,这是当前连接AI应用与工具、数据源的主流中间层标准,确保了与Claude Desktop、Cursor、Continue等众多AI客户端的良好兼容性。
-
双界面架构:提供实时Web仪表板和VSCode扩展两种管理界面。Web仪表板适合CLI或任何编辑器用户;VSCode扩展则将所有功能深度集成到IDE侧边栏,实现无缝体验。
-
配置即代码:支持通过TOML格式的配置文件进行详细设置,包括项目目录、端口、语言等,并且配置优先级清晰(命令行参数 > 自定义配置 > 默认配置)。
-
模板化与引导:为所有文档类型提供预构建模板,并通过精心设计的提示词(Prompts)引导AI生成高质量、结构化的输出。
1.3 应用场景
-
个人开发者或小团队:在启动新功能或项目时,利用AI快速生成结构化、可评审的技术方案和任务清单。
-
远程或异步协作:审批工作流和实时仪表板使得代码评审和方案确认可以非同步进行,特别适合分布式团队。
-
复杂项目开发:对于需要严格遵循“设计先行”原则的项目,此工具能强制AI产出设计文档,再拆解为任务,避免直接生成可能存在缺陷的代码。
-
教育与培训:用于学习如何将模糊的需求转化为清晰的技术规范和开发计划。
2. 安装与部署方式
安装Spec Workflow MCP的核心前提是配置好Node.js环境和目标MCP客户端。
2.1 基础环境准备(所有系统必需)
Node.js 环境:这是运行该MCP服务器的唯一硬性要求。你需要安装 Node.js 18及以上版本,并确保npm和npx命令可用。
-
官方下载:Node.js官网
-
版本验证:安装后,在终端执行
node -v和npx -v确认版本。
2.2 分系统安装与配置流程
以下流程假设你已安装好Node.js和一个MCP客户端(如Claude Desktop)。
| 步骤 | Windows 系统 | macOS / Linux 系统 |
|---|---|---|
| 1. 项目准备 | 打开命令提示符或PowerShell,进入你的项目目录:cd C:\path\to\your\project |
打开终端,进入你的项目目录:cd /path/to/your/project |
| 2. 安装MCP服务器 (全局) | 可通过npm全局安装(可选):npm install -g @al76/tools-and-spec-workflow-mcp |
可通过npm全局安装(可选):npm install -g @al76/tools-and-spec-workflow-mcp |
| 3. 配置MCP客户端 | 编辑客户端配置文件(如Claude Desktop的 claude_desktop_config.json),添加服务器配置。 |
编辑客户端配置文件,添加服务器配置。 |
| 4. 启动仪表板 (可选) | 在项目目录下运行:npx -y @al76/tools-and-spec-workflow-mcp --dashboard。 |
在项目目录下运行:npx -y @al76/tools-and-spec-workflow-mcp --dashboard。 |
| 5. 验证 | 重启MCP客户端,与AI对话尝试“列出我的规范”,查看是否正常响应。 | 重启MCP客户端,与AI对话尝试“列出我的规范”,查看是否正常响应。 |
关键配置示例(以Claude Desktop为例):
你需要找到并编辑Claude Desktop的MCP配置文件(通常位于用户目录下),添加如下配置:
{ "mcpServers": { "spec-workflow": { "command": "npx", "args": ["-y", "@al76/tools-and-spec-workflow-mcp@latest", "/absolute/path/to/your/project"] } } }
请务必将 /absolute/path/to/your/project 替换为你项目的绝对路径。
2.3 常见问题与修复方案
-
问题:启动失败,提示
npx: command not found或executable file not found。
解决方案:Node.js未正确安装或环境变量未配置。重新安装Node.js,并确保终端重启后能识别node和npx命令。 -
问题:仪表板无法访问或端口冲突。
解决方案:启动时指定自定义端口,例如--dashboard --port 3000。检查防火墙是否阻止了该端口。 -
问题:AI客户端无法连接MCP服务器。
解决方案:-
确认配置文件中项目路径是绝对路径。
-
在项目目录下手动运行
npx -y @al76/tools-and-spec-workflow-mcp --dashboard,看服务器能否独立启动。 -
检查MCP客户端的日志,寻找更详细的错误信息。
-
3. 配套客户端
Spec Workflow MCP 本身是服务器,需搭配MCP客户端使用。这些客户端通常是能集成AI助手(如Claude、GPT)的IDE或应用。
| 客户端名称 | 是否付费 | 配置方式简述 | 备注/下载地址 |
|---|---|---|---|
| Claude Desktop | 免费 | 编辑 claude_desktop_config.json 配置文件。 |
Anthropic 官网下载 |
| Cursor IDE | 订阅制 | 在Editor Settings的 settings.json 中添加MCP服务器配置。 |
Cursor 官网 |
| Continue IDE 扩展 | 免费 | 在Continue扩展的配置文件中添加。 | VS Code/ JetBrains IDE 扩展商店 |
| Claude Code CLI | 免费 | 使用命令 claude mcp add spec-workflow npx @al76/tools-and-spec-workflow-mcp@latest -- /path/to/project。 |
需先安装 Claude Code CLI |
| VSCode 扩展 | 免费 | 直接从VSCode市场安装“规范工作流MCP扩展”,在包含.spec-workflow文件夹的项目中自动激活。 |
推荐VSCode用户使用,无需单独配置Web仪表板。 |
首选客户端建议:对于日常开发,VSCode + 其专属扩展是最无缝的体验。对于想在不同编辑器间使用或偏好Web界面管理的用户,Claude Desktop 或 Cursor 配合Web仪表板是优秀选择。
4. 案例讲解:开发一个用户登录模块
让我们模拟一个真实场景:你正在开发一个Web应用,需要增加用户登录功能。
第一步:创建规范
在已配置好Spec Workflow MCP的Claude Desktop或Cursor中,直接对AI说:
“为‘用户登录认证系统’创建一个规范。”
AI将会:
-
调用MCP工具,启动规范创建工作流。
-
引导你或自动生成一份包含以下内容的规范文档(
spec.md):-
需求(PRD):功能描述、用户故事、非功能性要求(如安全性)。
-
设计(Design):技术栈选择(如JWT vs Session)、API接口设计、数据库表结构、UI/UX草图描述。
-
任务(Tasks):拆解出的具体开发任务,如“1.1 创建users数据表”、“1.2 实现密码加密中间件”、“1.3 编写登录API端点”。
-
第二步:审批与修订
AI生成初稿后,Spec Workflow会触发一个审批请求。
-
你可以打开Web仪表板(如
http://localhost:3000)或VSCode侧边栏,在 “审批” 区域看到待办项。 -
点击查看生成的规范,如果对“使用JWT”的设计存疑,可以点击 “请求修订”,并反馈:“请评估在单体应用中使用Session方案的优缺点”。
-
AI收到反馈后,会修改设计文档并再次提交审批。你同意后,点击 “批准”。
第三步:执行任务
审批通过后,你可以让AI开始执行具体任务。例如:
“执行‘用户登录认证系统’规范中的任务1.2。”
AI将会:
-
读取规范中的任务1.2详情。
-
利用其代码生成能力,直接创建出密码加密工具文件(如
utils/encrypt.js),并可能提供简要说明。
第四步:进度监控
在整个过程中,你可以随时在仪表板中看到:
-
“用户登录认证系统”规范的总体进度(如 30%)。
-
每个任务的状态(待处理、进行中、已完成)。
-
所有历史规范和已归档项目。
这个流程将原本碎片化的AI代码生成,变成了一个可管理、可评审、可追踪的标准化开发过程。
5. 使用成本与商业价值
使用成本
-
直接成本:零。该MCP服务器是开源软件,其依赖的Node.js环境也免费。
-
间接成本:
-
学习成本:需要理解MCP的基本概念和配置方法,大约需要1-2小时的设置和摸索时间。
-
计算成本:运行该服务器本身资源消耗极低。主要的“成本”来自所使用的AI模型服务的API调用费用(如Claude API、GPT API)。该工具通过结构化工作流,可能减少因反复修改和错误尝试而产生的低效token消耗。
-
商业价值与收益
-
提升开发过程质量与可控性:最大的价值在于引入了 “规范先行的强制约束” 和 “人工审批检查点”。这能显著减少AI直接生成错误或不可维护代码的风险,使AI生成的产出更可靠、更符合团队规范。
-
实现开发过程资产化:所有规范、设计和任务清单都以文档形式沉淀下来,形成可复用的项目知识库。这对于新成员 onboarding 和项目复盘至关重要。
-
优化团队协作模式:审批工作流和实时仪表板为技术领导(Tech Lead)或项目经理提供了轻量级的、异步的进度管理工具,特别适合远程团队。
-
赋能初级开发者:初级开发者可以借助此工具,在AI的引导下学习如何将需求层层分解为专业的技术方案和任务,加速其成长。
总结:Spec Workflow MCP 更像是一个 “AI开发流程增强框架” ,而非一个简单的代码生成工具。它解决了AI辅助开发中“过程黑箱、结果不可控”的核心痛点。虽然初期有一定配置成本,但它为团队带来的流程标准化、质量提升和知识沉淀价值,使其成为认真考虑将AI深度融入开发工作流的团队或个人的一项高回报率投资。

关注 “悠AI” 更多干货技巧行业动态