skills.rest
samykabu
samykabuCOMMUNITY
Explore all skills by this author →
GitHub

process-flow-diagram

Converts plain English workflow descriptions into interactive HTML diagrams with export options.

Updated Jul 9, 2026
Search Tags:#html#process documentation#workflow visualization#svg#diagram generation
One-click install
npx skills add https://github.com/samykabu/sanduq --skill process-flow-diagram
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: process-flow-diagram
Source: https://github.com/samykabu/sanduq/tree/main/skills/illustration-tools/skills/process-flow-diagram
Command: npx skills add https://github.com/samykabu/sanduq --skill process-flow-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill generates process flow diagrams from plain English descriptions, converting workflows into visually structured HTML files with export capabilities.

Core Features & Use Cases

  • Workflow Visualization: Convert step-by-step process descriptions into interactive HTML diagrams.
  • Theme Selection: Offers light and dark themes for diagram presentation.
  • Export Options: Provides export functions for copying, saving as PNG, and generating PDFs.

Quick Start

Describe your process in plain English and use the process-flow-diagram skill to generate a diagram.

Frequently Asked Questions about process-flow-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a plain text workflow description into an HTML process flow diagram?▼

To convert a plain text workflow description into an HTML process flow diagram, provide your step-by-step process details to the tool, which transforms the text into an interactive HTML file using SVG and CSS for rendering and theming.

Can I export my HTML process flow diagram to PNG or PDF?▼

Yes, you can export your HTML process flow diagram to PNG or PDF. The skill provides built-in export options allowing you to copy the diagram, save it as a PNG image, or generate a PDF document directly from the output.

Do I need to know HTML and SVG to generate workflow visualizations?▼

You do not need to manually write code to generate workflow visualizations, but the underlying rendering requires HTML, SVG, and CSS. The skill handles the technical rendering and theming automatically from your plain English descriptions.

What is the best way to document business processes as interactive diagrams?▼

The best way to document business processes as interactive diagrams is to describe your workflow in plain English and use a process flow diagram generator to automatically create a self-contained HTML file with light or dark themes.

Does this process documentation tool support light and dark themes for diagram presentation?▼

Yes, this process documentation tool supports light and dark themes for diagram presentation. You can select your preferred theme to customize the visual output of the generated workflow visualization.

Related Skills

Explore More Product & Management Skills→
gooseworks-aigooseworks-ai
1.1k

create-workflow-diagram

Convert plain-text workflow descriptions into HTML diagrams with SVG arrows and export PNGs.

Official
Advanced
markacianfranimarkacianfrani
6

drawio

Generates native draw.io XML diagrams for technical documentation and visual modeling, with optional export to PNG, and SVG/PDF via installed desktop app.

Community
Intermediate
EigenwiseEigenwise
20

architecture-diagram

Generate self-contained architecture diagrams as standalone HTML files with inline SVG and CSS.

Community
Intermediate
davpatel605-beepdavpatel605-beep

architecture-diagram

Generate dark-themed SVG architecture diagrams as standalone HTML documents.

Community
Intermediate