Loading...
Loading...
Use when visualizing architecture - generates Mermaid diagrams for data flow, service relationships, or entity structures
npx skill4agent add camoa/claude-skills diagram-generatorWhat should this diagram show?
1. Data flow (how data moves through system)
2. Service relationships (dependencies between services)
3. Entity relationships (database structure)
4. Sequence (interaction over time)
5. State (entity lifecycle)flowchart LR
A[Input] --> B[Process]
B --> C[Output]graph TD
A[MainService] --> B[Dependency1]
A --> C[Dependency2]erDiagram
ENTITY1 ||--o{ ENTITY2 : has
ENTITY1 ||--|| ENTITY3 : referencessequenceDiagram
Actor->>Component: Action
Component-->>Actor: ResponsestateDiagram-v2
[*] --> State1
State1 --> State2
State2 --> [*]Here's the diagram:
{mermaid code block}
Adjustments needed? (describe changes or "looks good")Edit## {Diagram Title}
{One sentence describing what this shows}
\`\`\`mermaid
{diagram code}
\`\`\`flowchart LR
A[Request] --> B[Routing]
B --> C[Controller]
C --> D[Service]
D --> E[Entity]
E --> F[Response]graph TD
A[PluginManager] --> B[Discovery]
A --> C[Factory]
B --> D[Annotations]
B --> E[YAML]
C --> F[Plugin Instance]sequenceDiagram
User->>Form: Submit
Form->>Form: validateForm()
Form->>Form: submitForm()
Form->>Service: Process data
Service-->>Form: Result
Form-->>User: Redirect/Message