Flowchart Creator
Skill Warnung AktivCreate 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.
Funktionen
- 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
Anwendungsfälle
- When users request flowcharts for processes
- When users need process flow diagrams
- When users request workflow visualizations
- When users need to create decision trees
Nicht-Ziele
- 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'.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add mhattingpete/claude-skills-marketplace/plugin install visual-documentation-plugin@mhattingpete-claude-skillsQualitätspunktzahl
WarnungVertrauenssignale
Ähnliche Erweiterungen
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
100Ordnet eine Codebasis in Feature-gruppierte Flussdiagramme ein, identifiziert doppelte Belange über Features hinweg und schlägt eine einheitliche Architektur vor. Wird verwendet, wenn nach "dem idealen Pfad" gefragt wird, duplizierte Systeme vereinheitlicht oder die Architektur vor einem Refactoring auditiert werden soll. Gibt ein vorgeschlagenes einheitliches Flussdiagramm sowie Prompts zum Erstellen eines Plans pro System aus.
Presentation Styling
100Wissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung in der Präsentation
Presentation Structure
100Wissen über das Präsentationsfolienformat, das Gewichtungssystem, die Navigation und die Abschnittsstruktur
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.