Skill

tools-visual-workflows

Communicate multi-step workflows using consistent ASCII flowcharts and timelines that paste cleanly into PRs, issues, and chats.

Install

npx claudepluginhub tjboudreaux/cc-visualization-skills --plugin visualization-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

- Speed up comprehension of complex processes (PR lifecycle, launch plan, triage ops) via monospaced diagrams.

SKILL.md

Similar Skills

using-git-worktrees

Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.

superpowers

168.3k

subagent-driven-development

3 files

Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.

superpowers

168.3k

dispatching-parallel-agents

Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.

superpowers

168.3k

Stats

Stars1

Forks0

Last CommitFeb 17, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

Visual Workflow Blueprints

Intent

Speed up comprehension of complex processes (PR lifecycle, launch plan, triage ops) via monospaced diagrams.

Provide reusable templates and conventions for both macOS/Linux terminals and Windows consoles.

Inputs

Workflow steps, roles, decision points.

Target medium (GitHub comment, Slack, Notion, terminal output).

Required metadata (owners, SLAs, tools).

Workflow

Select diagram type

Flowchart (boxes/arrows) for branching logic.
Timeline/swimlane for sequential steps.

Use standard glyphs

Start/End: (start) (end)
Process: [ action ]
Decision: { condition? }
Arrows: -->, ==>, ~~> for async.

Build with templates

Flow template:

(start)
  |
[Step 1]
  |
{Decision?}
 /   \

yes no

- Timeline template:

Day 0 Day 3 Day 7 |-----|-----|-----| Dev QA Launch

Annotate with data

Include owners (@alice), tooling (gh pr checks), or SLA markers (<24h).

Validate readability

View in plain text viewer; avoid tabs; max width 80 chars.

Verification

Diagram renders without wrapping in GitHub/CLI.

Each decision path labeled clearly.

Stored alongside workflow documentation (e.g., .factory/docs/visuals).

Visual Workflow Blueprints

Intent

Speed up comprehension of complex processes (PR lifecycle, launch plan, triage ops) via monospaced diagrams.
Provide reusable templates and conventions for both macOS/Linux terminals and Windows consoles.

Inputs

Workflow steps, roles, decision points.
Target medium (GitHub comment, Slack, Notion, terminal output).
Required metadata (owners, SLAs, tools).

Workflow

Select diagram type
- Flowchart (boxes/arrows) for branching logic.
- Timeline/swimlane for sequential steps.
Use standard glyphs
- Start/End: (start) (end)
- Process: [ action ]
- Decision: { condition? }
- Arrows: -->, ==>, ~~> for async.
Build with templates
- Flow template:
```
(start)
  |
[Step 1]
  |
{Decision?}
 /   \
```
yes no
```
- Timeline template:
```
Day 0 Day 3 Day 7 |-----|-----|-----| Dev QA Launch
Annotate with data
- Include owners (@alice), tooling (gh pr checks), or SLA markers (<24h).
Validate readability
- View in plain text viewer; avoid tabs; max width 80 chars.

Verification

Diagram renders without wrapping in GitHub/CLI.
Each decision path labeled clearly.
Stored alongside workflow documentation (e.g., .factory/docs/visuals).