diagram
CommunityVisualize impact, connect code to user value.
Software Engineering#architecture#documentation#software development#mermaid#ddd#user journey#diagrams
Authorzacjones93
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill bridges the gap between technical implementation and user value by creating and maintaining "Unified Impact Diagrams." It ensures that all technical decisions are explicitly linked to user benefits, making complex systems understandable for all stakeholders and preventing outdated documentation.
Core Features & Use Cases
- Diagram Driven Development (DDD): Follows a methodology to create diagrams that always show Front-Stage (user experience) and Back-Stage (technical implementation) with clear impact annotations.
- Create & Update Diagrams: Generate new diagrams for features, architectures, user journeys, and refactorings, and keep existing ones synchronized with code changes.
- Audit & Organize: Regularly check diagram quality, coverage, and organization to maintain a single source of truth for system understanding.
- Use Case: "Create a new feature diagram for the user authentication flow, ensuring it highlights security impacts and error recovery paths, following DDD principles."
Quick Start
Create a new sequence diagram for the user onboarding journey, showing both the user's steps and the backend services involved, with impact annotations.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: diagram Download link: https://github.com/zacjones93/pokidex/archive/main.zip#diagram Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.