PlantUML Syntax Reference
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 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.
Supported Diagram Types
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 |
— |
Styling & Errors
| Topic |
Reference |
| Common Syntax Errors |
common-syntax-errors.md |
| Styling Guide |
styling-guide.md |
C4-PlantUML (Primary Use Case)
The C4-PlantUML reference is the most important file for ArcKit users. It covers:
- Include URLs for C4 libraries
- Element syntax (Person, System, Container, Component, and their variants)
- Boundary syntax (System_Boundary, Container_Boundary)
- Directional relationships (Rel_Down, Rel_Right, Rel_Up, Rel_Left, Rel_Neighbor)
- Layout constraints (Lay_Right, Lay_Down, Lay_Distance)
- LAYOUT CONFLICT RULES — critical rules to prevent rendering failures when layout hints contradict relationship directions
- Tier-based layout patterns
- Worked examples for Context, Container, and Component diagrams
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.
Common Syntax Gotchas
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 |
ArcKit Integration
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.
1---2name: plantuml-syntax3description: PlantUML syntax reference, C4-PlantUML first, for writing or fixing a diagram in an artefact: sequence, class, activity, state, ER, component, deployment and use-case diagrams, skinparams and themes, C4 layout conflicts and rendering errors. Not needed for Mermaid (mermaid-syntax), or when the request is for a governed diagram artefact with document control, which $arckit-diagram produces.4---56# PlantUML Syntax Reference78A 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.910**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.1112## Supported Diagram Types1314Select the appropriate diagram type and read the corresponding reference file:1516| Type | Reference | ArcKit Commands Using It |17| ---- | --------- | ------------------------ |18| C4-PlantUML | [c4-plantuml.md](references/c4-plantuml.md) | `$arckit-diagram` (C4 Context, Container, Component) |19| Sequence Diagram | [sequence-diagrams.md](references/sequence-diagrams.md) | `$arckit-diagram` (Sequence mode) |20| Class Diagram | [class-diagrams.md](references/class-diagrams.md) | — |21| Activity Diagram | [activity-diagrams.md](references/activity-diagrams.md) | — |22| State Diagram | [state-diagrams.md](references/state-diagrams.md) | — |23| ER Diagram | [er-diagrams.md](references/er-diagrams.md) | — |24| Component Diagram | [component-diagrams.md](references/component-diagrams.md) | — |25| Use Case Diagram | [use-case-diagrams.md](references/use-case-diagrams.md) | — |26| Deployment Diagram | [deployment-diagrams.md](references/deployment-diagrams.md) | — |2728## Styling & Errors2930| Topic | Reference |31| ----- | --------- |32| Common Syntax Errors | [common-syntax-errors.md](references/common-syntax-errors.md) |33| Styling Guide | [styling-guide.md](references/styling-guide.md) |3435## C4-PlantUML (Primary Use Case)3637The C4-PlantUML reference is the most important file for ArcKit users. It covers:3839- Include URLs for C4 libraries40- Element syntax (Person, System, Container, Component, and their variants)41- Boundary syntax (System_Boundary, Container_Boundary)42- **Directional relationships** (Rel_Down, Rel_Right, Rel_Up, Rel_Left, Rel_Neighbor)43- **Layout constraints** (Lay_Right, Lay_Down, Lay_Distance)44- **LAYOUT CONFLICT RULES** — critical rules to prevent rendering failures when layout hints contradict relationship directions45- Tier-based layout patterns46- Worked examples for Context, Container, and Component diagrams4748For C4 layout science (Sugiyama algorithm, edge crossing targets, declaration ordering), also see the Mermaid skill's [c4-layout-science.md](../mermaid-syntax/references/c4-layout-science.md) — Section 7 covers PlantUML directional hints.4950## Common Syntax Gotchas5152These are the most common PlantUML syntax errors encountered when generating diagrams:5354| Gotcha | Problem | Fix |55|--------|---------|-----|56| `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 |57| Missing `@startuml`/`@enduml` | Diagram fails to render entirely | Always wrap PlantUML code in `@startuml` and `@enduml` |58| 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` |59| Generic `Rel` instead of directional | Layout engine places elements randomly without direction hints | Always use `Rel_Down`, `Rel_Right`, etc. instead of plain `Rel` |60| Missing element declaration | Relationship references an undeclared element ID | Declare ALL elements before ANY relationships |61| Spaces in element IDs | Parser fails on IDs with spaces or special characters | Use camelCase or underscores: `paymentApi`, `payment_api` |62| Nested boundaries without content | Empty boundaries may cause rendering errors | Ensure every boundary contains at least one element |63| `\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 |6465## ArcKit Integration6667This skill handles **conversational** PlantUML syntax questions — quick lookups, syntax examples, troubleshooting rendering issues, and learning about diagram types.6869For **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.
tractorjuice