Generate C4 System Context Diagrams and Documentation
A skill for producing C4 model System Context documentation - personas, user journeys, external systems, and a Mermaid diagram.
Why it matters
Automate the creation of C4 System Context diagrams and accompanying documentation, ensuring clear system boundaries, persona definitions, and external system integrations for stakeholder understanding.
Outcomes
What it gets done
Generate system overview (short and long descriptions).
Define personas, their goals, and key features used.
Document system features, user journeys, and external system dependencies.
Create a Mermaid System Context diagram and related documentation.
Install
Add it to your toolbox
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/ag-c4-context | bash Overview
C4 Context Level: System Context
This skill produces C4 System Context documentation: system description, personas, features, user journey maps, external system dependencies, and a Mermaid C4Context diagram focused on people and systems rather than technology detail. Use it when documenting a system's C4 context level. Distinct from the Container (deployment), Component (logical structure), and Code (technical detail) C4 levels.
What it does
This skill produces C4 model System Context-level documentation for a software system: a short and long system description, persona profiles for human, programmatic, or external-system users, each with type, description, goals, and key features used, a feature list linking each feature to the personas that use it, detailed user journey maps per feature-persona combination and for external-system integrations, a catalog of external systems and dependencies covering type, description, integration mechanism, and purpose, and a Mermaid C4Context diagram showing the system as a central box surrounded by its users and external systems, using proper syntax with Person, System, System_Ext, SystemDb, and Rel relationship declarations.
When to use - and when NOT to
Use it when documenting a system's context level per the C4 model - identifying personas, mapping user journeys, cataloging external dependencies, or producing a system context diagram. It explicitly focuses on people and software systems, not technologies or protocols, so the output must stay stakeholder-friendly and understandable by non-technical audiences. Do not use it for tasks outside this scope, and distinguish it from sibling C4 skills: the Container agent covers deployment architecture, the Component agent covers logical component structure, and the Code agent covers technical code-level detail - this one stays at the highest, most abstract level.
Inputs and outputs
Given a system to document, it produces a structured document covering the system overview with short and long descriptions, personas, features, user journeys, external systems and dependencies, and a Mermaid C4Context diagram, plus links out to Container and Component documentation for the next levels of detail. For deeper implementation guidance it references a companion resources/implementation-playbook.md file.
Integrations
Mermaid's C4Context diagram syntax - Person, System, System_Ext, SystemDb, and Rel - is the primary rendering integration; the output is meant to link into a broader documentation set alongside Container- and Component-level docs. A typical Rel line documents both the relationship and its mechanism, for example a user "using" the system, the system "using" an external API, sending events to another external system, or reading from and writing to an external database.
Who it's for
Architects, tech leads, and documentation writers who need to produce or maintain the highest-level, stakeholder-facing view of a system - its users, external dependencies, and key user journeys - as the entry point into a fuller C4 documentation set. Typical requests this skill handles include creating context-level documentation for a system from scratch, identifying all personas and building user journey maps for key features, documenting external systems into a context diagram, or mapping journeys for programmatic as well as human users.
FAQ
Common questions
Discussion
Questions & comments ยท 0
Sign In Sign in to leave a comment.