Architecture Diagramming Standard
SkillFiles & storageStandards for creating clear, audience-appropriate C4 and UML architecture diagrams with Mermaid. Use when producing system context diagrams, container views, sequence diagrams, ERDs, or updating ARCHITECTURE.md files; defer design-session deliverables to system-design-diagramming.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Architecture Diagramming Standard skill
What this skill tells your AI
The instructions your AI receives, as published by hoangnguyen0403/agent-skills-standard in skills/common/common-architecture-diagramming/SKILL.md and read by ahel’s review.
Priority: P1 (HIGH)
Guidelines
- Use C4 Model: Context -> Container -> Component -> Code.
- Audience-Centric: Tailor abstraction (Execs vs. Devs).
- Select Type: Sequence (Protocol), ERD (Data), State (Lifecycle), Cloud (Infra). See Selection.
- Explicit Labels: Label every arrow (e.g., "Uses", "HTTPS").
- Consistent Notation: Cylinders=DB, Rectangles=Systems, Dashed=Async.
- Metadata: Title, Date, Version, Author.
- Legend Mandatory: Define all shapes/colors/styles.
- Direction:
graph LR(Flow) orgraph TD(Hierarchy). - Deployment: Map containers to infrastructure.
- Governance: CRITICAL: Review best-practices.md before starting.
Workflow
- Name audience and the decision the diagram must support.
- Pick one level: context for external actors, container for deployable systems, component for one container; never mix levels.
- Pick notation: sequence for a request protocol, ERD for data ownership, state for lifecycle, deployment for infrastructure.
- Draw only decision-relevant nodes; label every relationship with protocol or event.
- Add title, scope/date/version, legend, and one review question for the intended audience.
See implementation examples for C4 container diagram in Mermaid.
Anti-Patterns
- Mixed Levels: DB columns in System Context.
- Unlabeled Arrows: Ambiguous relations.
- Mystery Shapes: Undefined in Legend.
- Dead Ends: Unconnected nodes.
- Clutter: >20 nodes/diagram.
- Acronyms: Undefined abbreviations.
References
- For design-session deliverables,
system-design-diagrammingsupersedes Mermaid with the Archify typed-spec style. - Diagram Selection
- Cloud Architecture
- C4 Model Guide
- Checklist
- Best Practices
Signals
- GitHub stars
- 565
- Forks
- 163
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
common-architecture-diagramming- Source
- github.com/hoangnguyen0403/agent-skills-standard