Generate interactive HTML architecture diagrams mapping UI, IPC, and backend connections.
npx skills add https://github.com/5hdaniel/Mad --skill architecture-5hdaniel
Please help me install this Agent Skill. Skill: architecture Source: https://github.com/5hdaniel/Mad/tree/main/.claude/skills/architecture Command: npx skills add https://github.com/5hdaniel/Mad --skill architecture-5hdaniel
Generate an interactive architecture diagram that maps component relationships across UI, IPC, and backend layers to help you understand system flow.
Run the architecture tool to generate and open the diagram for the current project.
High-intent search queries and answers about installing and using this skill.
You can generate an architecture diagram by running the tool to read your source code, scan multiple layers, and render an interactive HTML diagram. It auto-discovers components, hooks, and services to map connections across UI, IPC, and backend layers.
Cross-layer tracing maps component relationships from the UI through IPC to backend services. It allows interactive node selection to visually trace upstream and downstream connections across the entire system stack for debugging.
Yes, you can narrow the architecture diagram scope using focus modes such as sync, auth, or email. These targeted views restrict the rendered components to help you focus on specific functional areas during debugging or onboarding.
Yes, the architecture diagram supports node-level details for backend services. The interactive HTML diagram renders individual nodes for services and bridges, allowing you to select specific components to view their exact connections.
The best way to visualize IPC bridges is to auto-discover them alongside components and services, then render them in a layered HTML diagram. This provides interactive node selection to trace how data flows between the frontend and backend.
No, you do not need to manually define components to map system flow. The tool auto-discovers components, hooks, services, and bridges by reading source code, then automatically renders the layered architecture diagram.
semicolon-devteamGenerate a Markdown service status report from Bash-collected data.
Sir-chawakornGuide systematic debugging to identify, isolate, and resolve software defects.
deonmenezesMap architecture, trace data flows, and hunt vulnerability variants in code.
antvisCompose interactive geospatial visualizations with AntV L7.
