tools-visual-workflows
Installation
SKILL.md
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.
- Start/End:
- Build with templates
- Flow template:
(start) | [Step 1] | {Decision?} / \
Day 0 Day 3 Day 7 |-----|-----|-----| Dev QA Launch- Timeline template: - Flow template:
- Annotate with data
- Include owners (
@alice), tooling (gh pr checks), or SLA markers (<24h).
- Include owners (
- 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).
Related skills
More from tjboudreaux/cc-visualization-skills
tools-mermaid
Mermaid diagram syntax for flowcharts, sequence diagrams, ER diagrams, state machines, and other visualizations that render in GitHub/GitLab markdown.
3tools-visual-ascii-arch
Express product, service, or data architectures through layered ASCII diagrams suitable for terminals, PRs, and ADRs.
3tools-visual-retro
Facilitate retrospectives and experiment readouts using ASCII grids, timelines, and heatmaps for rapid comprehension.
3tools-visual-cheatsheets
Build portable ASCII command panels summarizing CLI workflows (e.g., GitHub CLI, deployment scripts) for quick reference.
3tools-visual-state-machines
Model user journeys, retention loops, or process states with ASCII state machines and storyboards.
3