Architecture Diagram Creator
技能 活跃Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
To create comprehensive and visually appealing HTML architecture diagrams for projects, aiding in system documentation and high-level overviews.
功能
- Generate HTML architecture diagrams
- Include business context, data flows, and system architecture
- Create SVG visualizations for diagrams
- Structure documentation into multiple sections
- Utilize semantic colors and modern design
使用场景
- Create architecture diagram for a project
- Generate high-level system overviews
- Document system architecture with data flows
- Visualize processing pipelines
非目标
- Generating diagrams for non-architectural topics
- Creating interactive diagrams beyond static HTML/SVG
- Real-time collaboration or editing of diagrams
Maintenance
- warning:Commit recencyThe last commit was over 2 months ago (March 6, 2026), indicating potential lack of recent maintenance.
Trust
- warning:Issues AttentionThere are 6 open issues and 0 closed issues in the last 90 days, indicating slow or no maintainer response to open issues.
安装
请先添加 Marketplace
/plugin marketplace add mhattingpete/claude-skills-marketplace/plugin install visual-documentation-plugin@mhattingpete-claude-skills质量评分
类似扩展
Pathfinder
100将代码库映射为按功能分组的流程图，识别不同功能之间的重复关注点，并提出统一的架构。在被要求“寻找理想路径”、统一重复系统或在重构前审计架构时使用。输出一个建议的统一流程图以及针对每个系统的“制定计划”提示。
Presentation Styling
100关于表示中的 CSS 类、组件模式和语法高亮显示的知识
Presentation Structure
100关于演示文稿幻灯片格式、权重系统、导航和章节结构的知识
Baoyu Diagram
98Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.
Plannotator Visual Explainer
98Generate self-contained HTML visualizations with Plannotator theming. Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and any visual explanation of technical concepts. Plans and PR explainers follow Plannotator's prescriptive approach; all other visual content delegates to nicobailon/visual-explainer.
V3 Ddd Architecture
100Domain-Driven Design architecture for claude-flow v3. Implements modular, bounded context architecture with clean separation of concerns and microkernel pattern.