Flowchart Creator
技能 警告 活跃Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.
To generate visually appealing and structured HTML flowcharts and process diagrams for visualizing workflows, decision trees, and processes.
功能
- Create HTML flowcharts and process diagrams
- Supports decision trees, color-coded stages, arrows, and swimlanes
- Generates SVG diagrams
- Provides extensive SVG component library and design patterns
- Outputs self-contained HTML files
使用场景
- When users request flowcharts for processes
- When users need process flow diagrams
- When users request workflow visualizations
- When users need to create decision trees
非目标
- Creating interactive charts beyond static diagrams
- Generating diagrams in formats other than HTML/SVG
- Automating the process of defining the flowchart logic (user must provide the structure)
Maintenance
- critical:Commit recencyThe last commit was on March 6, 2026, over 2 months ago, indicating a lack of recent maintenance.
Trust
- warning:Issues AttentionThere are 6 issues opened and 0 closed in the last 90 days, indicating slow or no maintainer response to issues.
Versioning
- warning:Release ManagementWhile the README mentions 'Last Commit', there is no explicit versioning declared in frontmatter or release tags, and installation instructions point to 'main'.
安装
请先添加 Marketplace
/plugin marketplace add mhattingpete/claude-skills-marketplace/plugin install visual-documentation-plugin@mhattingpete-claude-skills质量评分
警告类似扩展
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.
Pathfinder
100将代码库映射为按功能分组的流程图，识别不同功能之间的重复关注点，并提出统一的架构。在被要求“寻找理想路径”、统一重复系统或在重构前审计架构时使用。输出一个建议的统一流程图以及针对每个系统的“制定计划”提示。
Presentation Styling
100关于表示中的 CSS 类、组件模式和语法高亮显示的知识
Presentation Structure
100关于演示文稿幻灯片格式、权重系统、导航和章节结构的知识
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.
Create 2d Composition
95Compose 2D graphics programmatically using SVG generation, diagram layout algorithms, image compositing, and batch processing workflows. Use when generating diagrams, flowcharts, or infographics programmatically, creating reproducible scientific figures, automating production of badges or visual assets, building custom chart types not in standard libraries, or batch generating graphics with parameter variations.