io.github.formulahendry/spec-driven-development
编码与调试by formulahendry
支持 spec-driven development 工作流的 MCP Server,强调规范驱动,而不只是 Vibe Coding。
把需求规范直接带进开发流程里,帮团队减少拍脑袋式编码;相比只靠 Vibe Coding,更适合追求可追溯与协作质量的项目。
什么是 io.github.formulahendry/spec-driven-development?
支持 spec-driven development 工作流的 MCP Server,强调规范驱动,而不只是 Vibe Coding。
README
Spec-Driven Development MCP Server
Model Context Protocol (MCP) server that facilitates spec-driven development workflows by providing structured prompts for generating requirements, design documents, and code following a systematic approach.
<a href="https://glama.ai/mcp/servers/@formulahendry/mcp-server-spec-driven-development"> <img width="380" height="200" src="https://glama.ai/mcp/servers/@formulahendry/mcp-server-spec-driven-development/badge" alt="Spec-Driven Development Server MCP server" /> </a>🎯 Purpose
This MCP server enables developers to follow a structured spec-driven development approach by providing prompts that guide you through:
- Requirements Generation - Create detailed requirements documents using the EARS (Easy Approach to Requirements Syntax) format
- Design Generation - Generate design documents based on requirements
- Code Generation - Generate implementation code based on design documents
✨ Features
- Structured Workflow: Follows a clear progression from requirements → design → code
- EARS Format Support: Uses industry-standard EARS format for requirements documentation
- MCP Protocol: Integrates seamlessly with MCP-compatible tools and environments
🚀 Quick Start
Prerequisites
- Node.js 20+
Installation
VS Code
Install the MCP server in VS Code using below buttons:
Alternatively, you can add configuration in mcp.json:
{
"servers": {
"spec-driven": {
"command": "npx",
"args": [
"-y",
"mcp-server-spec-driven-development@latest"
]
}
}
}
Cursor, Claude Code
Install the MCP server in Cursor using below button:
Alternatively, you can add configuration in mcp.json:
{
"mcpServers": {
"spec-driven": {
"command": "npx",
"args": [
"-y",
"mcp-server-spec-driven-development@latest"
]
}
}
}
📋 Available Prompts
1. Generate Requirements Document
- Name:
generate-requirements - Description: Generate requirements.md using EARS format
- Input: High-level requirements of the application. Example: 'A Vue.js todo application with task creation, completion tracking, and local storage persistence'
- Output: Structured requirements document in
specs/requirements.md
2. Generate Design from Requirements
- Name:
generate-design-from-requirements - Description: Generate design.md from requirements.md
- Input: Reads from
specs/requirements.md - Output: Design document in
specs/design.md
3. Generate Code from Design
- Name:
generate-code-from-design - Description: Generate code from design.md
- Input: Reads from
specs/design.md - Output: Implementation code in the root folder
📖 Workflow Example
- Start with Requirements: Use the
generate-requirementsprompt with your initial requirements text - Create Design: Use
generate-design-from-requirementsto create a design document based on your requirements - Generate Code: Use
generate-code-from-designto generate implementation code from your design
This creates a traceable path from requirements through design to implementation, ensuring consistency and completeness in your development process.
🤔 Why Spec-Driven Development?
Moving beyond Vibe Coding to a structured, specification-driven approach brings clarity, consistency, and maintainability to your development workflow. Instead of coding by intuition alone, Spec-Driven Development provides a systematic foundation that scales with your project's complexity.
Learn more about the benefits: Goodbye, Vibe Coding! Hello, Spec-Driven Development MCP Server!
常见问题
io.github.formulahendry/spec-driven-development 是什么?
支持 spec-driven development 工作流的 MCP Server,强调规范驱动,而不只是 Vibe Coding。
相关 Skills
前端设计
by anthropics
面向组件、页面、海报和 Web 应用开发,按鲜明视觉方向生成可直接落地的前端代码与高质感 UI,适合做 landing page、Dashboard 或美化现有界面,避开千篇一律的 AI 审美。
✎ 想把页面做得既能上线又有设计感,就用前端设计:组件到整站都能产出,难得的是能避开千篇一律的 AI 味。
网页应用测试
by anthropics
用 Playwright 为本地 Web 应用编写自动化测试,支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志,适合调试动态页面和回归验证。
✎ 借助 Playwright 一站式验证本地 Web 应用前端功能,调 UI 时还能同步查看日志和截图,定位问题更快。
网页构建器
by anthropics
面向复杂 claude.ai HTML artifact 开发,快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML,适合需要状态管理、路由或多组件交互的页面。
✎ 在 claude.ai 里做复杂网页 Artifact 很省心,多组件、状态和路由都能顺手搭起来,React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。
相关 MCP Server
GitHub
编辑精选by GitHub
GitHub 是 MCP 官方参考服务器,让 Claude 直接读写你的代码仓库和 Issues。
✎ 这个参考服务器解决了开发者想让 AI 安全访问 GitHub 数据的问题,适合需要自动化代码审查或 Issue 管理的团队。但注意它只是参考实现,生产环境得自己加固安全。
Context7 文档查询
编辑精选by Context7
Context7 是实时拉取最新文档和代码示例的智能助手,让你告别过时资料。
✎ 它能解决开发者查找文档时信息滞后的问题,特别适合快速上手新库或跟进更新。不过,依赖外部源可能导致偶尔的数据延迟,建议结合官方文档使用。
by tldraw
tldraw 是让 AI 助手直接在无限画布上绘图和协作的 MCP 服务器。
✎ 这解决了 AI 只能输出文本、无法视觉化协作的痛点——想象让 Claude 帮你画流程图或白板讨论。最适合需要快速原型设计或头脑风暴的开发者。不过,目前它只是个基础连接器,你得自己搭建画布应用才能发挥全部潜力。