skills.rest
datamonsterr
datamonsterrCOMMUNITY
Explore all skills by this author →
GitHub

speckit-diagram-workflow

Generate a Mermaid flowchart of the Spec-Driven Development workflow from .specify/ project state.

Updated Apr 12, 2026
Search Tags:#workflow#mermaid#visualization#sdd#spec-kit#diagram
One-click install
npx skills add https://github.com/datamonsterr/mycoai_projects --skill speckit-diagram-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: speckit-diagram-workflow
Source: https://github.com/datamonsterr/mycoai_projects/tree/main/.agents/skills/speckit-diagram-workflow
Command: npx skills add https://github.com/datamonsterr/mycoai_projects --skill speckit-diagram-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The flowchart tool makes the complete Spec-Driven Development (SDD) workflow visible, replacing scattered notes with a single, shareable diagram.

Core Features & Use Cases

  • Generates a Mermaid diagram of the full SDD lifecycle for the current project.
  • Automatically adapts to the project state by inspecting the .specify/ directory, completed artifacts, and installed extensions.
  • Helps teams review phase status, produced artifacts, and feedback loops to guide next actions.

Quick Start

Generate a Mermaid diagram showing the complete SDD workflow for the current project.

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 a Spec-Driven Development workflow as a Mermaid diagram?▼

To visualize a Spec-Driven Development workflow, this Skill generates a Mermaid flowchart by inspecting your project's `.specify/` directory, completion artifacts, and phase indicators. The resulting diagram includes all phases, transitions, feedback loops, and color-coded status indicators.

What is the best way to track SDD phase status and artifacts in a shareable format?▼

Tracking SDD phase status is best achieved by generating a single Mermaid diagram that maps the full lifecycle. This tool automatically adapts to your project state by inspecting completion artifacts and installed extensions, replacing scattered notes with a shareable visual flowchart.

Can I automatically generate a flowchart for a project organized with the .specify/ structure?▼

Yes, you can automatically generate a flowchart for projects using the `.specify/` structure. The Skill inspects this directory along with completed artifacts and phase indicators to tailor the Mermaid diagram accurately to your current project state.

How does a Mermaid diagram show feedback loops and transitions in an SDD project?▼

A Mermaid diagram shows SDD feedback loops and transitions by mapping the full workflow lifecycle. This Skill produces a valid diagram that explicitly includes all phases, produced artifacts, transitions, and feedback loops with color-coded status indicators.

Do I need installed extensions to visualize the complete SDD lifecycle?▼

You do not need installed extensions to visualize the complete SDD lifecycle, but the Skill inspects installed extensions and completion artifacts to adapt the Mermaid flowchart. This ensures the diagram accurately reflects your project's specific phase indicators and current state.

Related Skills

Explore More Software Engineering Skills→
datamonsterrdatamonsterr

speckit-diagram-status

Generate a Mermaid diagram visualizing feature progression across the SDD lifecycle.

Community
Intermediate
giwankimgiwankim

mermaid-visualizer

Convert plain text descriptions into Mermaid diagrams for documentation.

Community
Basic
B0yZ4kr14B0yZ4kr14

speckit-status

Report Spec Kit project and SDD workflow status for a selected feature.

Community
Intermediate
slabgorbslabgorb
2

mermaid

Render Mermaid diagrams from fenced code blocks in Markdown documents.

Community
Basic