Spec Workflow Mcp

by kingkongshot

659 downloads
Not rated
GitHub

About

Guide AI to systematically complete software development through a structured **Requirements → Design → Tasks** workflow, ensuring code implementation stays aligned with business needs.

Details

Author
kingkongshot
Downloads
659
Categories
Other

- Creates structured spec documents (requirements, design, tasks)
- Supports single-module and multi-module project organization
- Automatic progress tracking with confirmation files
- Works with Claude Desktop, Cursor, Windsurf, Zed, and more
- Requires Node.js ≥ v18.0.0
- Step-by-step review with user confirmation before proceeding

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name Spec Workflow Mcp
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Install the server via npx (npx -y spec-workflow-mcp@latest) and add it to your MCP client’s configuration (e.g., Claude Desktop, Cursor, or Windsurf). Then ask your AI to “use spec workflow” for a project—the AI will automatically detect project status and guide you through creating requirement, design, and task documents step by step.

specs-workflow

Manage intelligent writing workflow for software project requirements, design, and task documents. Supports initialization, checking, skipping, confirmation, and task completion operations (single or batch).

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "spec workflow mcp": {
            "spec-workflow": {
                "command": "npx",
                "args": [
                    "-y",
                    "spec-workflow-mcp@latest"
                ]
            }
        }
    }
}

McpServers

{
    "spec-workflow": {
        "command": "npx",
        "args": [
            "-y",
            "spec-workflow-mcp@latest"
        ]
    }
}

Quick Start

1. Install (Claude Code Example)

claude mcp add spec-workflow-mcp -s user -- npx -y spec-workflow-mcp@latest

See full installation guide for other clients.

2. Start a New Project

"Help me use spec workflow to create a user authentication system"

3. Continue Existing Project

"Use spec workflow to check ./my-project"

The AI will automatically detect project status and continue from where it left off.

Workflow Example

1. You describe requirements

You: "I need to build a user authentication system"

2. AI creates structured documents

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. Review and implement step by step

After each stage, the AI requests your confirmation before proceeding, ensuring the project stays on the right track.

Document Organization

Basic Structure

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

Multi-module Projects

my-project/specs/
├── user-authentication/         # Auth module
├── payment-system/             # Payment module
└── notification-service/       # Notification module

You can specify any directory: "Use spec workflow to create auth docs in ./src/features/auth"

AI Usage Guide

🤖 Make AI Use This Tool Better

Add the following prompt to your AI assistant configuration to enable smarter use of Spec Workflow.

> Configuration Note: Please modify the following based on your needs:
> 1. Change ./specs to your preferred documentation directory path
> 2. Change "English" to your preferred documentation language (e.g., "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

After completing current task, use: specs-workflow tool with action.type="complete_task" and taskNumber="current task number" This will automatically return the next pending task content.

💡 Best Practices

1. Proactive Progress Check: When user says "continue from last time", first use check to see current status
2. Language Consistency: Use the same language throughout all project documents
3. Flexible Structure: Choose single-module or multi-module organization based on project scale
4. Task Granularity: Each task should be completable within 1-2 hours

Installation

<details>
<summary>📦 Installation Instructions</summary>

Requirements

- Node.js ≥ v18.0.0
- npm or yarn
- Claude Desktop or any MCP-compatible client

Install in Different MCP Clients

Claude Code (Recommended)

Use the Claude CLI to add the MCP server:

claude mcp add spec-workflow-mcp -s user -- npx -y spec-workflow-mcp@latest

Claude Desktop

Add to your Claude Desktop configuration:
- 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

Add to your Cursor configuration (~/.cursor/config.json):

{
  "mcpServers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "spec-workflow-mcp@latest"]
    }
  }
}

Cline

Use Cline's MCP server management UI to add the server:

1. Open VS Code with Cline extension
2. Open Cline settings (gear icon)
3. Navigate to MCP Servers section
4. Add new server with:
- Command: npx
- Arguments: -y spec-workflow-mcp@latest

Windsurf (Codeium)

Add to your Windsurf configuration (~/.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)

Add to your VS Code settings (settings.json):

{
  "mcp.servers": {
    "spec-workflow": {
      "command": "npx",
      "args": ["-y", "spec-workflow-mcp@latest"]
    }
  }
}

Zed

Add to your Zed configuration (~/.config/zed/settings.json):

{
  "assistant": {
    "version": "2",
    "mcp": {
      "servers": {
        "spec-workflow": {
          "command": "npx",
          "args": ["-y", "spec-workflow-mcp@latest"]
        }
      }
    }
  }
}

Install from Source

git clone https://github.com/kingkongshot/specs-mcp.git
cd specs-mcp
npm install
npm run build

Then add to Claude Desktop configuration:

{
  "mcpServers": {
    "spec-workflow": {
      "command": "node",
      "args": ["/absolute/path/to/specs-mcp/dist/index.js"]
    }
  }
}

</details>

Development

# Build
npm install && npm run build

Development mode

npm run dev

Run tests

npm test

Debug

npm run inspector

Links

- GitHub Repository
- NPM Package
- Report Issues

License

MIT License

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.