skills.rest
morganp
morganpCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

fsm

Generate Mermaid stateDiagram-v2 diagrams from natural-language system descriptions.

1|Updated Apr 18, 2010
Search Tags:#automation#mermaid#transitions#diagram#fsm#state-machine#state-diagram
One-click install
npx skills add https://github.com/morganp/dotfiles --skill fsm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fsm
Source: https://github.com/morganp/dotfiles/tree/main/config/claude/skills/fsm
Command: npx skills add https://github.com/morganp/dotfiles --skill fsm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate Finite State Machine (FSM) diagrams from natural language descriptions or structured specs. It helps engineers quickly visualize state behavior and transitions, reducing miscommunication and design time.

Core Features & Use Cases

  • Generate Mermaid stateDiagram-v2 blocks from user descriptions or structured specs.
  • Support initial and final states, hierarchical states, and concurrent regions to model complex systems.
  • Use case: diagram login flow, protocol handshakes, or hardware RTL FSMs from plain wording.

Quick Start

Describe the states and transitions you want, and I will output a Mermaid FSM diagram.

Frequently Asked Questions about fsm

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

FAQPage Schema
How do I generate a Mermaid state diagram from a natural language description?▼

You can generate a Mermaid state diagram by providing a natural language description of your system behavior. The tool parses your text and outputs a fenced Mermaid stateDiagram-v2 block for visualization.

Can I model hierarchical or concurrent states for a complex state machine?▼

Yes, you can model hierarchical and concurrent regions to represent complex state machines. This allows you to structure nested states and parallel behaviors within a single Mermaid stateDiagram-v2 output.

Does this tool support adding guard conditions to state transitions?▼

Yes, the tool supports optional guard conditions for state transitions. You can specify these conditions in your natural language description to ensure the generated stateDiagram-v2 accurately reflects conditional behavior.

What is the best way to visualize a protocol handshake or UI flow as a state machine?▼

The best way to visualize a protocol handshake or UI flow is to describe the sequential states and transitions in plain wording. The tool translates this text into a Mermaid stateDiagram-v2, reducing miscommunication and design time.

Can I use this to generate diagrams for hardware RTL FSMs and parser states?▼

Yes, you can generate diagrams for hardware RTL FSMs and parser states. The tool accepts natural language descriptions of system behavior and outputs Mermaid stateDiagram-v2 blocks applicable to hardware and software design.

Related Skills

Explore More Software Engineering Skills→
JNZaderJNZader

mermaid-diagram

Generate Mermaid diagrams from plain-text descriptions.

Community
Intermediate
shekerkammashekerkamma

mermaid

Create and render Mermaid diagrams inside Markdown via fenced code blocks.

Community
Advanced
nimadorostkarnimadorostkar
25

diagrams

Generate Mermaid diagrams as code for version-controlled documentation.

Community
Intermediate
mikeyfennelly1mikeyfennelly1

react-flow-advanced

Implement advanced React Flow patterns for nested nodes, custom edges, and undo/redo.

Community
Advanced