All skills
lexler avatar

/c4-diagrams

@45ff07e
by Lada Kesselerlexler/skill-factory238 stars
61

Creates C4 architecture diagrams for designing, documenting, or understanding software architecture. Use when working through system design, mapping existing codebases, or visualizing structure at any level from system landscape down to code.

Use this Skill: https://skilld.dev/gh/lexler/skill-factory/c4-diagrams

This session only. Nothing lands on disk.

referencesdiagramsdynamic.md

≈618 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Dynamic Diagram

Shows how elements interact at runtime to fulfill a specific use case, user story, or feature. Complements the static structure diagrams by revealing behavior.

Scope

A specific feature, use case, or user story — not the whole system.

Elements

Flexible — you can show software systems, containers, or components interacting, depending on the level of detail needed. Pick the level that matches the story you're telling.

Audience

Technical and non-technical people, depending on the level of abstraction chosen.

How It Works

Based on UML communication diagrams. Elements are arranged freely (not in sequence diagram columns) with numbered interactions showing the order of operations.

Two presentation styles:

  • Collaboration style — elements arranged spatially with numbered arrows between them
  • Sequence style — elements in columns with numbered messages flowing between them

Both convey the same information. Collaboration style works better in ASCII and for non-linear flows. Sequence style works better for strictly sequential interactions.

What to Include

  • Only the elements involved in this specific use case
  • Numbered interactions in execution order
  • Description of what happens at each step
  • The initiating actor/event

What NOT to Include

  • Elements not involved in this flow
  • Every possible error path (focus on the primary flow, note exceptions separately)
  • Implementation details below the chosen abstraction level

Numbered Interaction Labels

Each interaction gets a number prefix and a verb-led description of what happens at that step.

Format: <N>. <verb phrase>

Bad → Good:

  • "1. Login" → "1. Submits credentials"
  • "2. Check" → "2. Validates against user store"
  • "3. Token" → "3. Returns session token"
  • "4. Call" → "4. Fetches order history with token"

Each step should be readable on its own. A reader scanning the numbered list should understand the flow without consulting the diagram boxes.

When to Create

Use sparingly. Create Dynamic diagrams for:

  • Complex interactions that aren't obvious from static structure
  • Recurring patterns worth documenting
  • Flows that cross multiple containers or systems
  • Onboarding material for non-obvious behavior

Don't create one for every endpoint or feature — only when the dynamic view adds understanding that the static diagrams don't convey.

Source: https://c4model.com/diagrams/dynamic

Source: SKILL.md on GitHub

No alerts3mo3 checks · Risk SAFE
  • Gen Agent Trust Hub3mo

    The skill facilitates the creation of C4 architecture diagrams by providing detailed guidelines for various diagram levels and formats. It includes a Python script for validating the visual alignment of ASCII diagrams. The skill's instructions and script are focused on architectural documentation and do not contain malicious patterns.

  • Socket3mo

    No alerts

  • Snyk3mo

    Risk: LOW · No issues

Signed by skilld at 45ff07e. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub last month.

Steadyupdated 6 months ago

README badge

README badge for lexler/skill-factory/c4-diagrams