c4-context

Generate C4 Context-level system documentation with Mermaid diagrams and persona definitions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/bennie-ng/AgCel --skill c4-context
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: c4-context
Source: https://github.com/bennie-ng/AgCel/tree/main/skills/c4-context
Command: npx skills add https://github.com/bennie-ng/AgCel --skill c4-context

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of high-level system architecture documentation using the C4 model's context diagram, ensuring clarity for stakeholders.

Core Features & Use Cases

  • System Context Diagrams: Generates diagrams showing the system, its users, and external dependencies.
  • Persona & Journey Mapping: Documents user personas, their goals, and key features they interact with.
  • Use Case: When onboarding a new team member, use this Skill to quickly generate a C4 context diagram and accompanying documentation that explains the system's place within the broader ecosystem.

Quick Start

Use the c4-context skill to create a system context diagram for a new e-commerce platform.

Frequently Asked Questions about c4-context

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a C4 context diagram for system architecture documentation?

A C4 context diagram provides a high-level view of your system, its users, and external dependencies, making complex architecture understandable for non-technical stakeholders. It focuses on system boundaries and integrations rather than internal implementation details.

How do I map user journeys and personas using the C4 model?

Mapping user journeys in the C4 model involves defining user personas, their goals, and the key system features they interact with. This skill generates those definitions alongside your context diagram to document how external actors engage with your system.

Can I use Mermaid syntax to create C4 system context diagrams?

Yes, Mermaid syntax is required for generating the C4 system context diagrams. This skill adheres to C4 model principles and outputs diagram code using Mermaid, allowing you to render system boundaries, users, and external integrations directly in Markdown environments.

What is the best way to document external system integrations for a new platform?

Documenting external system integrations is best handled at the C4 context level, which maps out all dependencies without internal code details. This skill generates documentation that captures how your platform connects to external systems, ensuring onboarding teams understand the broader ecosystem.

Does C4 context level documentation work for onboarding new team members?

C4 context level documentation is highly effective for onboarding, as it explains the system's boundaries and interactions without technical complexity. This skill quickly generates the context diagrams and persona mappings needed to bring new members up to speed.