speckit-diagram-workflow

Generates a Mermaid flowchart showing Spec-Driven Development phase statuses and artifact relationships from a .specify directory.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/B0yZ4kr14/OrthoPlus-Enterprise --skill speckit-diagram-workflow-b0yz4kr14
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: speckit-diagram-workflow
Source: https://github.com/B0yZ4kr14/OrthoPlus-Enterprise/tree/main/.specify-backups/20260518-141826/_agents/skills/speckit-diagram-workflow
Command: npx skills add https://github.com/B0yZ4kr14/OrthoPlus-Enterprise --skill speckit-diagram-workflow-b0yz4kr14

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It turns a spec-kit project’s current Spec-Driven Development (SDD) state into an easy-to-understand workflow map, so you can quickly see what’s done, what’s missing, and where iterations happen.

Core Features & Use Cases

  • SDD phase status awareness: Detects completed, in-progress, and not-started phases by checking for expected spec-kit artifacts.
  • Mermaid workflow generation: Produces a GitHub-renderable Mermaid flowchart that includes artifacts, transitions, and feedback loops.
  • Context adaptation: Adjusts the diagram when extensions or additional workflow steps are present, and reports the current workflow state.

Quick Start

Ask for the workflow diagram for the current project context by running: Generate a Mermaid flowchart of the full SDD workflow for this repository.

Frequently Asked Questions about speckit-diagram-workflow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize my spec-kit project state using a Mermaid flowchart?

You can visualize your spec-kit project state by generating a Mermaid flowchart that reads the .specify directory, infers completion from artifacts and task checkmarks, and maps phase status with artifact relationships without modifying files.

What does Spec-Driven Development workflow visualization show about project phases?

Spec-Driven Development workflow visualization shows completed, in-progress, and not-started phases by detecting expected spec-kit artifacts across constitution, specify, plan, tasks, implement, verify, and extensions stages, including iterative refine loops.

Can I generate a GitHub-renderable Mermaid diagram for my .specify directory?

Yes, you can generate a GitHub-renderable Mermaid diagram by scanning the .specify directory structure, extracting phase status from expected artifacts and task checkmarks, and outputting valid Mermaid flowchart syntax for the full SDD workflow.

How do I track iterative refine loops in a spec-kit workflow diagram?

You track iterative refine loops in a spec-kit workflow diagram by mapping artifact transitions and feedback loops within the generated Mermaid flowchart, which adjusts based on extensions or additional workflow steps present in the project.

Does generating a Spec-Driven Development workflow diagram modify my repository files?

No, generating a Spec-Driven Development workflow diagram does not modify repository files; it strictly reads the .specify directory to infer stage completion and outputs valid Mermaid flowchart syntax as a standalone visualization.

What spec-kit artifacts are needed to detect SDD phase status?

Spec-kit artifacts across constitution, specify, plan, tasks, implement, verify, and extensions stages are checked to infer phase status, determining whether each Spec-Driven Development stage is completed, in-progress, or not-started.