Does this skill generate actual application code?

No, this skill focuses strictly on design abstraction. It ensures your architecture is sound and documented before you transition to implementation phases.

Where are the design artifacts stored?

All diagrams and documents are automatically organized within a standardized 'docs/design-catalog/' directory, ensuring a clean and predictable project structure.

Why does this skill prioritize Mermaid diagrams over text?

Mermaid diagrams are used because they are token-efficient, version-control friendly, and provide visual clarity that is easier for both humans and AI to parse than long-form prose.

Can I use this for an existing codebase?

The skill is optimized for new designs and architectural planning. While it can document existing systems, it is best used when you need structured thinking before starting implementation.

What is EventStorming in the context of this skill?

EventStorming is a modeling method used to map out business processes by identifying events, commands, and actors in a chronological timeline, helping Claude understand the system's behavior before coding.

System Design & EventStorming

Name: System Design & EventStorming
Author: lagz0ne

bylagz0ne

0•

Productivity & Workflow

Transforms requirements into a comprehensive, navigable design catalog using EventStorming methodology and Mermaid diagrams.

This skill provides a structured framework for architecting systems within Claude Code by applying EventStorming principles and visual modeling. It guides users through a rigorous five-phase process—from initial requirements gathering to detailed process mapping and entity relationship modeling—ensuring architectural clarity before a single line of code is written. By generating token-efficient Mermaid diagrams and standardized documentation, it helps engineering teams maintain a shared visual source of truth while strictly avoiding premature implementation details.

Key Features

01Automated Mermaid diagram generation for ERDs, state charts, and sequence diagrams.

02Standardized 5-phase design lifecycle: Requirements, Big Picture, Processes, Data, and Integration.

03EventStorming-driven discovery to map domain events, commands, and actors.

040 GitHub stars

05Constraint-first architecture that prioritizes active user questioning over industry assumptions.

06Token-efficient design catalog structure organized in a dedicated documentation directory.

Use Cases

01Architecting a new software system from scratch to ensure technical alignment.

02Visualizing complex business processes and state transitions for documentation.

03Creating a navigable, version-controlled design catalog for stakeholders and developers.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lagz0ne/design-skill system-design

For use in Claude.ai and ChatGPT

Download Skill