Spec Workflow MCP Pro

规范工作流程MCP

](https://www.npmjs.com/package/@xphou/spec-workflow-mcp-pro) 

用于结构化规范驱动开发的模型上下文协议（MCP）服务器，具有实时仪表板和VSCode扩展。

📺 展示

🔄 实施中的审批制度

*查看审批系统的工作原理：创建文档、通过仪表板请求审批、提供反馈和跟踪修订。*

📊 仪表板和规格管理

*探索实时仪表板：查看规格、跟踪进度、浏览文档和监控您的开发工作流程。*

✨ 主要特点

• 结构化开发工作流程 -顺序规范创建（要求→ 设计→ 任务）
• 实时Web仪表板 -通过实时更新监控规格、任务和进度
• VSCode扩展 -VSCode用户的集成侧边栏仪表板
• 审批工作流程 -完成修订后的审批流程
• 任务进度跟踪 -可视化进度条和详细状态
• 多语言支持 -提供11种语言版本

🌍 支持的语言

🇺🇸 英语•🇯🇵 日本語 • 🇨🇳 中文 • 🇪🇸 西班牙•🇧🇷 葡萄牙语•🇩🇪 德语•🇫🇷 法语•🇷🇺 Русский • 🇮🇹 意大利语•🇰🇷 한국어 • 🇸🇦 العربية

🚀 快速开始

步骤1：添加到您的AI工具

添加到您的MCP配置中（请参阅下面的客户端特定设置）：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

使用自动启动的仪表板：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project", "--AutoStartDashboard"]
    }
  }
}

第二步：选择您的界面

选项A：Web仪表板 （CLI用户需要）

npx -y @xphou/spec-workflow-mcp-pro@latest /path/to/your/project --dashboard

选项B:VSCode扩展 （建议VSCode用户使用）

安装 规范工作流MCP扩展 来自VSCode市场。

📝 如何使用

只需在对话中提及规范工作流程：

• “创建用户身份验证规范” -创建完整的规格工作流
• “列出我的规格” -显示所有规格及其状态
• “执行规范用户身份验证中的任务1.2” -运行特定任务

查看更多示例→

🔧 MCP客户端设置

Augment Code

在增强设置中配置：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

Claude Code CLI

添加到MCP配置中：

claude mcp add spec-workflow npx @xphou/spec-workflow-mcp-pro@latest -- /path/to/your/project

重要提示：

• 这 -y flag绕过npm提示，安装更顺畅
• 这 -- 分隔符确保路径传递给spec工作流脚本，而不是npx
• 替换 /path/to/your/project 使用您的实际项目目录路径

Windows的替代方案（如果上述方法不起作用）：

claude mcp add spec-workflow cmd.exe /c "npx @xphou/spec-workflow-mcp-pro@latest /path/to/your/project"

Claude Desktop

增添 claude_desktop_config.json:

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

或者使用自动启动的仪表板：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project", "--AutoStartDashboard"]
    }
  }
}

Cline/Claude Dev

添加到MCP服务器配置中：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

Continue IDE Extension

添加到“继续”配置中：

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

Cursor IDE

添加到光标设置(settings.json):

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"]
    }
  }
}

OpenCode

添加到您的 opencode.json 配置文件：

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "spec-workflow": {
      "type": "local",
      "command": ["npx", "-y", "@xphou/spec-workflow-mcp-pro@latest", "/path/to/your/project"],
      "enabled": true
    }
  }
}

📚 文档

• 配置指南 -命令行选项、配置文件
• 用户指南 -综合使用示例
• 工作流流程 -开发工作流程和最佳实践
• 接口指南 -仪表板和VSCode扩展详细信息
• 提示指南 -高级提示示例
• 工具参考 -完整的工具文档
• 发展 -贡献和开发设置
• 故障排除 -常见问题和解决方案

📁 项目结构

your-project/
  .spec-workflow/
    approvals/
    archive/
    specs/
    steering/
    templates/
    user-templates/
    config.example.toml

🛠️ 发展

# Install dependencies
npm install

# Build the project
npm run build

# Run in development mode
npm run dev

请参阅开发指南→

📄 许可证

GPL-3.0

⭐ 明星历史