create-workflow-diagram

Generate workflow diagrams as PNG images from plain-text descriptions.

1.1k|200|Updated Mar 2, 2026

Search Tags:#automation #workflow #png #visualization #diagram #figjam

Ready to run

npx skills add https://github.com/athina-ai/goose-skills --skill create-workflow-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: create-workflow-diagram
Source: https://github.com/athina-ai/goose-skills/tree/main/skills/capabilities/create-workflow-diagram
Command: npx skills add https://github.com/athina-ai/goose-skills --skill create-workflow-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill transforms plain-text descriptions of workflows into visually appealing, shareable diagrams, eliminating the need for manual drawing tools and complex software.

Core Features & Use Cases

Text-to-Diagram: Converts simple text inputs into structured workflow visuals.
Multiple Styles & Sizes: Offers various aesthetic styles (FigJam, Blueprint, Neon) and output dimensions (landscape, square, wide).
Automated Screenshot: Generates a high-quality PNG image of the diagram for easy sharing.
Use Case: You need to explain a multi-step process to your team. Simply describe the steps like "User signs up → Onboarding email → Trial → Upgrade prompt → Paid", and get a polished diagram instantly.

Quick Start

Create a diagram for the workflow: Find leads on Apollo then enrich with Clay.

Frequently Asked Questions about create-workflow-diagram

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

FAQPage Schema

How do I generate a workflow diagram from plain text?▼

To generate a workflow diagram from plain text, you provide a simple text description of your process steps and connections. The tool parses the text input and automatically creates a styled HTML diagram with SVG arrows, then captures it as a PNG image.

Does this workflow diagram generator require playwright?▼

Yes, this workflow diagram generator requires playwright as a dependency. Playwright is used to automatically screenshot the generated HTML output, producing a high-quality PNG image file for easy sharing and visualization.

What visual styles are available for text-to-diagram workflow visualization?▼

Available visual styles for text-to-diagram workflow visualization include FigJam, Blueprint, and Neon presets. You can also select different output dimensions such as landscape, square, or wide to fit your specific sharing or presentation requirements.

Can I create an automated workflow diagram without manual drawing tools?▼

You can create an automated workflow diagram without manual drawing tools by inputting a plain-text description of your process. The automation parses steps and connections to output a polished PNG image, eliminating the need for complex software.

What is the best way to visualize a multi-step process from a text description?▼

The best way to visualize a multi-step process from a text description is using an automated text-to-diagram converter. It parses your sequential steps, applies visual presets like FigJam or Blueprint, and outputs a shareable PNG file instantly.

Are there limitations when converting text descriptions into workflow diagrams?▼

Limitations when converting text descriptions into workflow diagrams include relying on structured plain-text inputs for accurate parsing. The output is specifically generated as a static PNG image via Playwright, meaning interactive HTML editing is not supported after visualization.