mermaid-state-diagram-creator

Mermaid State Diagram Creator - Auto-activating skill for Visual Content. Triggers on: mermaid state diagram creator, mermaid state diagram creator Part of the Visual Content skill category.

Install with Tessl CLI

npx tessl i github:jeremylongshore/claude-code-plugins-plus-skills --skill mermaid-state-diagram-creator

What are skills?

0.97x

Quality

Does it follow best practices?

Impact

93%

0.97x

Average score across 3 eval scenarios

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/18-visual-content/mermaid-state-diagram-creator/SKILL.md

SKILL.md

Review

Evals

Evaluation results

100%

Order Lifecycle Visualization

Mermaid state diagram syntax and best practices

Criteria

Without context

With context

stateDiagram-v2 keyword

100%

Initial state marker

100%

Final state marker

100%

Transition labels

80%

100%

Meaningful state names

100%

Order lifecycle coverage

100%

Valid mermaid syntax

100%

Step-by-step documentation

100%

Cancellation path

100%

No syntax errors

100%

Without context: $0.0968 · 29s · 8 turns · 9 in / 1,522 out tokens

With context: $0.3208 · 1m 7s · 22 turns · 54 in / 3,283 out tokens

88%

User Session State Documentation

Composite states and production-ready diagram structure

Criteria

Without context

With context

stateDiagram-v2 keyword

100%

Initial state present

100%

Final state present

100%

Composite/nested state used

Labeled transitions

100%

Session states covered

100%

Mermaid code fence

100%

Production-ready completeness

100%

Explanatory documentation

100%

Error or failure path

100%

Output file created

100%

Without context: $0.1305 · 55s · 9 turns · 10 in / 2,439 out tokens

With context: $0.3821 · 1m 21s · 22 turns · 1,827 in / 4,128 out tokens

92%

-8%

Firmware Update State Machine Documentation

Validation and standards-compliant diagram output

Criteria

Without context

With context

stateDiagram-v2 keyword

100%

Initial state marker

100%

Terminal state marker

100%

Transition labels present

100%

Validation evidence

100%

Firmware states coverage

100%

Rollback or failure path

100%

Mermaid code fence

100%

No undefined state references

100%

Step-by-step explanation

100%

Without context: $0.2529 · 1m 26s · 12 turns · 12 in / 5,501 out tokens

With context: $0.3701 · 1m 33s · 20 turns · 102 in / 4,896 out tokens

Evaluated: 5 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Order Lifecycle Visualization User Session State Documentation Firmware Update State Machine Documentation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.