spec-workflow

76
3
Source

Standard software engineering workflow for requirement analysis, technical design, and task planning. Use this skill when developing new features, complex architecture designs, multi-module integrations, or projects involving database/UI design.

Install

mkdir -p .claude/skills/spec-workflow && curl -L -o skill.zip "https://mcp.directory/api/skills/download/378" && unzip -o skill.zip -d .claude/skills/spec-workflow && rm skill.zip

Installs to .claude/skills/spec-workflow

About this skill

When to use this skill

Use this skill for structured development workflow when you need to:

  • Develop new features from scratch
  • Design complex architecture
  • Integrate multiple modules
  • Work on projects involving database design
  • Work on projects involving UI design
  • Ensure high-quality requirement analysis and acceptance criteria

Do NOT use for:

  • Simple bug fixes
  • Documentation updates
  • Configuration changes
  • Code refactoring (unless explicitly requested)

How to use this skill (for a coding agent)

  1. Follow the workflow strictly

    • Each phase must be completed and confirmed by user before proceeding to next phase
    • Never skip phases or proceed without user confirmation
    • Use interactiveDialog tool when clarification is needed
  2. Apply EARS requirement syntax

    • Use EARS (Easy Approach to Requirements Syntax) for requirement descriptions
    • Format: While <optional precondition>, when <optional trigger>, the <system name> shall <system response>
  3. Reference UI design rules when needed

    • If requirements involve frontend pages, must strictly reference rules/ui-design.mdc
    • Determine design style and color palette in requirements phase
    • Confirm design details with user before finalizing requirements
  4. Update task status

    • Keep task status updated in tasks.md file
    • Mark tasks as completed when finished
    • Work independently and efficiently while maintaining quality

Spec Workflow

Important: You must follow these rules. Each phase must be confirmed by the user before proceeding to the next phase.

Workflow Overview

  1. If you determine that the user's input is a new requirement, you can work independently following standard software engineering practices. Confirm with user when necessary, and can use interactiveDialog tool to collect information.

  2. Whenever the user inputs a new requirement, to standardize requirement quality and acceptance criteria, you must first understand the problem and requirements clearly. You must confirm with the user before proceeding to the next phase.

Phase 1: Requirements Document and Acceptance Criteria Design

First complete the requirements design using EARS (Easy Approach to Requirements Syntax) method. If you determine the requirements involve frontend pages, you must strictly reference rules/ui-design.mdc rule file. Determine design style and color palette in the requirements phase. You must confirm requirement details with the user. After final confirmation, the requirements are finalized, then proceed to the next phase.

Save to specs/spec_name/requirements.md. After confirming with the user, proceed to the next phase.

Reference format:

# Requirements Document

## Introduction

Requirement description

## Requirements

### Requirement 1 - Requirement Name

**User Story:** User story content

#### Acceptance Criteria

1. Use EARS syntax: While <optional precondition>, when <optional trigger>, the <system name> shall <system response>. For example: When "Mute" is selected, the laptop shall suppress all audio output.
2. ...
...

Phase 2: Technical Solution Design

After completing the requirements design, based on the current technical architecture and the confirmed requirements above, design the technical solution. It should be concise but accurately describe the technical architecture (e.g., architecture, tech stack, technology selection, database/interface design, test strategy, security). Use mermaid diagrams when necessary.

Save to specs/spec_name/design.md. You must confirm with the user clearly, then proceed to the next phase.

Phase 3: Task Breakdown

After completing the technical solution design, based on the requirements document and technical solution, break down specific tasks. You must confirm with the user clearly, then save to specs/spec_name/tasks.md. After confirming with the user, proceed to the next phase and begin formal task execution. You need to update task status in a timely manner. When executing, work as independently and autonomously as possible to ensure efficiency and quality.

Task reference format:

# Implementation Plan

- [ ] 1. Task Information
  - Specific things to do
  - ...
  - _Requirement: Related requirement point number

Phase 4: Task Execution

  • Begin formal task execution
  • Update task status in tasks.md file in real-time
  • Work independently and autonomously
  • Ensure efficiency and quality
  • Mark tasks as completed when finished

Key Principles

  1. User Confirmation Required: Each phase must be confirmed by the user before proceeding
  2. EARS Syntax: Use EARS method for requirement descriptions
  3. UI Design Integration: When requirements involve frontend pages, must reference UI design rules and determine design style in requirements phase
  4. Technical Accuracy: Technical solutions should be concise but accurate
  5. Task Tracking: Keep task status updated throughout execution
  6. Independent Execution: Work autonomously while maintaining quality

You might also like

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

272785

drawio-diagrams-enhanced

jgtolentino

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

203415

godot

bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.

196279

nano-banana-pro

garg-aayush

Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.

209231

ui-ux-pro-max

nextlevelbuilder

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

167197

rust-coding-skill

UtakataKyosui

Guides Claude in writing idiomatic, efficient, well-structured Rust code using proper data modeling, traits, impl organization, macros, and build-speed best practices.

164173

Stay ahead of the MCP ecosystem

Get weekly updates on new skills and servers.