Generate interactive browser-based flowcharts from process descriptions using React Flow and dagre.
npx skills add https://github.com/xntj-ai/flowmaker --skill flowmaker
Please help me install this Agent Skill. Skill: flowmaker Source: https://github.com/xntj-ai/flowmaker/tree/main Command: npx skills add https://github.com/xntj-ai/flowmaker --skill flowmaker
This Skill solves the frustration of static, non-editable flowcharts by generating interactive, browser-based diagrams that you can modify, rearrange, and export without needing any backend infrastructure or specialized software.
Use flowmaker to turn the following approval process into an editable web flowchart with start, end, and decision branches.
High-intent search queries and answers about installing and using this skill.
To generate an editable web flowchart, provide a structured process description. The Skill uses React Flow and dagre to output a self-contained, interactive HTML file for immediate browser-based visual editing.
Yes, you can create interactive browser-based diagrams without a backend. The Skill generates a zero-backend, self-contained HTML file that loads dependencies via CDN, perfect for sharing with non-technical colleagues.
Documenting an approval flow requires defining start, end, and decision branches in your text. The Skill automatically translates these structured process descriptions into high-fidelity visual diagrams.
Yes, the generated flowchart supports dragging nodes and rerouting edges. Users can double-click to rename elements directly in the browser, making the chart a living deliverable for frequent updates.
The best way to share interactive process diagrams is through a self-contained HTML file. This zero-backend output loads via CDN, allowing non-technical users to open and edit the visualization without specialized software.
Use an automatic layout tool for system process visualization when documenting onboarding steps or decision trees. It applies dagre for automatic layout, ensuring high-fidelity visual editing without manual node positioning.
humanerd-drewGenerate infographic images from user-specified layout, style, aspect ratio, and language.
dogumConvert verbose content into a single self-contained HTML file with inline CSS and JS.
javierhbrApply Dagre algorithm layouts to React Flow graph nodes and edges.
Dimen01Reconstruct static diagram images into editable Microsoft Visio files.
