From arckit
Reference for PlantUML diagram syntax: C4-PlantUML, sequence, class, activity, state, ER, component, deployment, use case. Covers layout conflicts and styling.
How this skill is triggered — by the user, by Claude, or both
Slash command
/arckit:plantuml-syntax**/*.puml**/*.plantuml**/ARC-*-DIAG-*.mdThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A comprehensive reference for PlantUML diagram types with a focus on C4-PlantUML for architecture diagrams. This skill provides syntax documentation adapted from the [SpillwaveSolutions/plantuml](https://github.com/SpillwaveSolutions/plantuml) project, supplemented with ArcKit-specific C4 layout conflict rules and best practices.
references/activity-diagrams.mdreferences/c4-plantuml.mdreferences/class-diagrams.mdreferences/common-syntax-errors.mdreferences/component-diagrams.mdreferences/deployment-diagrams.mdreferences/er-diagrams.mdreferences/sequence-diagrams.mdreferences/state-diagrams.mdreferences/styling-guide.mdreferences/use-case-diagrams.mdA comprehensive reference for PlantUML diagram types with a focus on C4-PlantUML for architecture diagrams. This skill provides syntax documentation adapted from the SpillwaveSolutions/plantuml project, supplemented with ArcKit-specific C4 layout conflict rules and best practices.
This skill ships reference material, not runnable scripts. Read the relevant reference file with Read, apply the syntax, and write the diagram into the user's artefact. Do not Bash-execute anything from references/ — they are PlantUML/C4 syntax docs, not commands.
Select the appropriate diagram type and read the corresponding reference file:
| Type | Reference | ArcKit Commands Using It |
|---|---|---|
| C4-PlantUML | c4-plantuml.md | /arckit:diagram (C4 Context, Container, Component) |
| Sequence Diagram | sequence-diagrams.md | /arckit:diagram (Sequence mode) |
| Class Diagram | class-diagrams.md | — |
| Activity Diagram | activity-diagrams.md | — |
| State Diagram | state-diagrams.md | — |
| ER Diagram | er-diagrams.md | — |
| Component Diagram | component-diagrams.md | — |
| Use Case Diagram | use-case-diagrams.md | — |
| Deployment Diagram | deployment-diagrams.md | — |
| Topic | Reference |
|---|---|
| Common Syntax Errors | common-syntax-errors.md |
| Styling Guide | styling-guide.md |
The C4-PlantUML reference is the most important file for ArcKit users. It covers:
For C4 layout science (Sugiyama algorithm, edge crossing targets, declaration ordering), also see the Mermaid skill's c4-layout-science.md — Section 7 covers PlantUML directional hints.
These are the most common PlantUML syntax errors encountered when generating diagrams:
| Gotcha | Problem | Fix |
|---|---|---|
Rel_Down contradicts Lay_Right | Layout engine receives conflicting direction hints for the same element pair | Ensure every Rel_* direction is consistent with any Lay_* constraint on the same pair |
Missing @startuml/@enduml | Diagram fails to render entirely | Always wrap PlantUML code in @startuml and @enduml |
Wrong !include URL | C4 macros not found, syntax errors on Person/System/Container | Use exact URL from plantuml-stdlib: https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml |
Generic Rel instead of directional | Layout engine places elements randomly without direction hints | Always use Rel_Down, Rel_Right, etc. instead of plain Rel |
| Missing element declaration | Relationship references an undeclared element ID | Declare ALL elements before ANY relationships |
| Spaces in element IDs | Parser fails on IDs with spaces or special characters | Use camelCase or underscores: paymentApi, payment_api |
| Nested boundaries without content | Empty boundaries may cause rendering errors | Ensure every boundary contains at least one element |
\n in descriptions | Expects literal \n text but PlantUML renders it as a line break | This is expected behavior — PlantUML interprets \n as line breaks natively. Use \\n if literal text is needed |
This skill handles conversational PlantUML syntax questions — quick lookups, syntax examples, troubleshooting rendering issues, and learning about diagram types.
For formal architecture diagram generation with document control, project integration, layout science, and governance compliance, use the /arckit:diagram command instead. It generates versioned diagram artifacts saved to your project directory with full traceability to requirements and architecture principles.
npx claudepluginhub tractorjuice/arckit-claude --plugin arckit-agent-architecture2plugins reuse this skill
First indexed Jun 30, 2026
Reference for PlantUML diagram syntax: C4-PlantUML, sequence, class, activity, state, ER, component, deployment, use case. Covers layout conflicts and styling.
Generates PlantUML diagrams for architecture, workflows, and system designs. Activates on requests about diagram generation or PlantUML syntax.
Creates UML diagrams (sequence, class, activity, etc.) in Slidev using PlantUML. For complex diagrams with detailed notation beyond Mermaid.