Spec Workflow Mcp について
Spec Workflow MCP は、要件・設計・タスクの構造化されたワークフローを通じて AI のソフトウェア開発を進める MCP サーバーです。コードの実装をビジネス要件に沿わせることを目的とし、各段階でユーザーの確認を求めます。
主な機能
- 01要件・設計・タスクの3段階ワークフロー
- 02requirements.md、design.md、tasks.md の生成
- 03タスク完了の追跡と一括完了
- 04会話をまたいだ進捗確認
- 05段階ごとのユーザー確認
活用シーン
- 01仕様書に沿って AI が認証システムを実装する
- 02新しいセッションで既存プロジェクトの進捗を再開する
- 03複数モジュールのプロジェクトでモジュールごとに仕様を管理する
MCP 対応
本プロジェクトは MCP サーバーであり、specs-workflow ツール(check アクションなど)を通じて、仕様書の作成とタスク進捗の管理機能を MCP クライアントに提供します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
1掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| action | object | いいえ | 操作パラメーター |
| action.featureName | string | いいえ | 機能名(init で必須) |
| action.introduction | string | いいえ | 機能の紹介(init で必須) |
| action.taskNumber | any | いいえ | 完了としてマークするタスク番号(complete_task で必須)。単一の文字列または文字列の配列を指定できます |
| action.type | enum | はい | 操作タイプinit | check | skip | confirm | complete_task |
| path | string | はい | 仕様ディレクトリのパス(例:/Users/link/specs-mcp/batch-log-test) |
詳細
Spec Workflow MCP
構造化された 要件 → 設計 → タスク のワークフローを通じて、AI がソフトウェア開発を体系的に完了できるようにガイドし、コードの実装をビジネスニーズに沿ったものにします。
なぜ使うのか?
❌ Spec Workflow を使わない場合
- AI がタスク間を無秩序に移動し、体系的なアプローチを取れません
- 要件と実際のコード実装がつながりません
- ドキュメントが分散し、プロジェクトの進捗を追跡しにくくなります
- 設計上の決定事項が記録されません
✅ Spec Workflow を使う場合
- AI がタスクを順番に完了し、集中力とコンテキストを維持します
- ユーザーストーリーからコード実装まで、完全なトレーサビリティを確保できます
- 標準化されたドキュメントテンプレートと自動的な進捗管理を利用できます
- 各段階で確認を求めるため、正しい方向に進んでいることを確かめられます
- 進捗の永続化:新しい会話でも、
checkを使って中断したところから続けられます
最近の更新
v1.0.7
- 🎯 多くのモデルで、Spec Workflow を使ったタスク管理の信頼性を向上
v1.0.6
- ✨ タスクの一括完了:複数のタスクを一度に完了でき、大規模プロジェクトをより迅速に進められます
v1.0.5
- 🐛 エッジケースの修正:「タスクが見つからない」と「タスクがすでに完了している」を区別し、ワークフローが中断されないようにしました
v1.0.4
- ✅ タスク管理:プロジェクトを体系的に進められるよう、タスクの完了状況を追跡する機能を追加
v1.0.3
- 🎉 初回リリース:要件 → 設計 → タスクのコアワークフローフレームワーク
クイックスタート
1. インストール(Claude Code の例)
claude mcp add spec-workflow-mcp -s user -- npx -y spec-workflow-mcp@latest
その他のクライアントについては、インストールガイド全文をご覧ください。
2. 新しいプロジェクトを開始
"Help me use spec workflow to create a user authentication system"
3. 既存のプロジェクトを続行
"Use spec workflow to check ./my-project"
AI がプロジェクトの状態を自動的に検出し、中断したところから続行します。
ワークフローの例
1. 要件を説明する
You: "I need to build a user authentication system"
2. AI が構造化されたドキュメントを作成する
AI: "I'll help you create spec workflow for user authentication..."
📝 requirements.md - User stories and functional requirements
🎨 design.md - Technical architecture and design decisions
✅ tasks.md - Concrete implementation task list
3. 確認しながら段階的に実装する
各段階の後、AI は次に進む前に確認を求め、プロジェクトが正しい方向に進むようにします。
ドキュメントの整理
基本構成
my-project/specs/
├── requirements.md # Requirements: user stories, functional specs
├── design.md # Design: architecture, APIs, data models
├── tasks.md # Tasks: numbered implementation steps
└── .workflow-confirmations.json # Status: automatic progress tracking
複数モジュールのプロジェクト
my-project/specs/
├── user-authentication/ # Auth module
├── payment-system/ # Payment module
└── notification-service/ # Notification module
任意のディレクトリを指定できます:"./src/features/auth に auth ドキュメントを作成するため、spec workflow を使ってください"
AI の使用ガイド
🤖 AI にこのツールをより効果的に使わせる
AI アシスタントの設定に、次のプロンプトを追加することを強くおすすめします。追加しない場合、AI は次のような動作をする可能性があります:
- ❌ Spec Workflow をいつ呼び出すべきか判断できない
- ❌ タスクの進捗管理を忘れ、作業が整理されない
- ❌ 体系的なドキュメント作成に Spec Workflow を活用できない
- ❌ プロジェクトの状態を継続的に追跡できない
この設定により、AI は Spec Workflow を適切に使って開発プロセス全体を管理できるようになります。
設定に関する注意:必要に応じて、次の内容を変更してください:
./specsを任意のドキュメントディレクトリのパスに変更する- 「English」を任意のドキュメント言語(例:「Chinese」)に変更する
# Spec Workflow Usage Guidelines
## 1. Check Project Progress
When user mentions continuing previous project or is unsure about current progress, proactively use:
specs-workflow tool with action.type="check" and path="./specs"
## 2. Documentation Language
All spec workflow documents should be written in English consistently, including all content in requirements, design, and task documents.
## 3. Documentation Directory
All spec workflow documents should be placed in ./specs directory to maintain consistent project documentation organization.
## 4. Task Management
Always use the following to manage task progress:
specs-workflow tool with action.type="complete_task" and taskNumber="current task number"
Follow the workflow guidance to continue working until all tasks are completed.
## 5. Best Practices
- Proactive progress check: When user says "continue from last time", first use check to see current status
- Language consistency: Use the same language throughout all project documents
- Flexible structure: Choose single-module or multi-module organization based on project scale
- Task granularity: Each task should be completable within 1-2 hours
インストール
📦 インストール手順
必要条件
- Node.js ≥ v18.0.0
- npm または yarn
- Claude Desktop または MCP 互換クライアント
各種 MCP クライアントへのインストール
Claude Code(推奨)
Claude CLI を使って MCP サーバーを追加します:
claude mcp add spec-workflow-mcp -s user -- npx -y spec-workflow-mcp@latest
Claude Desktop
Claude Desktop の設定に追加します:
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json - Windows:
%APPDATA%/Claude/claude_desktop_config.json - Linux:
~/.config/Claude/claude_desktop_config.json
{
"mcpServers": {
"spec-workflow": {
"command": "npx",
"args": ["-y", "spec-workflow-mcp@latest"]
}
}
}
Cursor
Cursor の設定(~/.cursor/config.json)に追加します:
{
"mcpServers": {
"spec-workflow": {
"command": "npx",
"args": ["-y", "spec-workflow-mcp@latest"]
}
}
}
Cline
Cline の MCP サーバー管理 UI を使用して、サーバーを追加します。
- Cline 拡張機能をインストールした VS Code を開きます
- Cline の設定(歯車アイコン)を開きます
- MCP Servers セクションに移動します
- 次の内容で新しいサーバーを追加します。
- コマンド:
npx - 引数:
-y spec-workflow-mcp@latest
- コマンド:
Windsurf (Codeium)
Windsurf の設定(~/.codeium/windsurf/mcp_config.json)に追加します。
{
"mcpServers": {
"spec-workflow": {
"command": "npx",
"args": ["-y", "spec-workflow-mcp@latest"],
"env": {},
"autoApprove": [],
"disabled": false,
"timeout": 60,
"transportType": "stdio"
}
}
}
VS Code (with MCP extension)
VS Code の設定(settings.json)に追加します。
{
"mcp.servers": {
"spec-workflow": {
"command": "npx",
"args": ["-y", "spec-workflow-mcp@latest"]
}
}
}
Zed
Zed の設定(~/.config/zed/settings.json)に追加します。
{
"assistant": {
"version": "2",
"mcp": {
"servers": {
"spec-workflow": {
"command": "npx",
"args": ["-y", "spec-workflow-mcp@latest"]
}
}
}
}
}
ソースからインストール
git clone https://github.com/kingkongshot/specs-mcp.git
cd specs-mcp
npm install
npm run build
次に、Claude Desktop の設定に追加します。
{
"mcpServers": {
"spec-workflow": {
"command": "node",
"args": ["/absolute/path/to/specs-mcp/dist/index.js"]
}
}
}
リンク
ライセンス
MIT License
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。