Does this require external dependencies like Mermaid.js?

No, these are pure monospaced text diagrams designed to be read in any plain-text viewer without the need for extra rendering engines or plugins.

Can I use these diagrams in GitHub Pull Requests?

Absolutely. These diagrams are optimized for a maximum width of 80 characters to ensure they don't wrap and look professional in GitHub comments.

Will these diagrams work in dark mode?

Yes. Since these use standard ASCII characters, they inherit the theme and syntax highlighting colors of your terminal or markdown viewer.

What types of diagrams can this skill create?

It specializes in logic flowcharts using boxes and arrows, as well as sequential timelines and swimlane diagrams for project management.

Visual Workflow Blueprints

Name: Visual Workflow Blueprints
Author: tjboudreaux

bytjboudreaux

0•

Herramientas de Colaboración

Generates standardized ASCII flowcharts and timelines to communicate complex processes and project lifecycles within terminals and pull requests.

Visual Workflow Blueprints empowers developers to bridge the gap between complex logic and clear communication by generating structured, text-based diagrams. By utilizing standardized ASCII glyphs and layout templates, this skill creates readable flowcharts, timelines, and swimlane diagrams that render perfectly in GitHub PRs, Slack messages, and command-line interfaces. It is particularly useful for documenting branching logic, deployment pipelines, and triage operations without the overhead of external image-based design tools, ensuring documentation stays close to the code.

Características Principales

01Standardized ASCII flowchart syntax for logic branching

020 GitHub stars

03Strict 80-character width validation for terminal readability

04Sequential timeline and swimlane templates for project phases

05Automated annotation for owners, tooling, and SLA markers

06High-compatibility formatting for GitHub, Slack, and Notion

Casos de Uso

01Creating high-level project launch timelines and development milestones

02Outlining team triage operations and escalation paths in README files

03Documenting complex CI/CD or PR lifecycles directly in GitHub comments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tjboudreaux/cc-visualization-skills tools-visual-workflows

For use in Claude.ai and ChatGPT

Download Skill