Ascii Visualizer

by yonatangross

workflowdata

Use when visualizing architecture, data flows, or system diagrams in text. Creates ASCII visualizer diagrams for plans, workflows, and structures.

Skill Details

Repository Files

8 files in this skill directory


name: ASCII Visualizer description: Use when visualizing architecture, data flows, or system diagrams in text. Creates ASCII visualizer diagrams for plans, workflows, and structures. version: 1.0.0 context: inherit tags: [ascii, visualization, diagrams, architecture, 2025] author: OrchestKit user-invocable: false

ASCII Visualizer Skill

Create clear ASCII visualizations for explaining complex concepts.

Box-Drawing Characters

IMPORTANT: Use a fixed-width (monospace) font for proper rendering.

┌─┐│└─┘  Standard weight
┏━┓┃┗━┛  Heavy weight
├─┤┬┴    Connectors
╔═╗║╚═╝  Double lines

Quick Examples

Architecture

┌──────────────┐      ┌──────────────┐
│   Frontend   │─────▶│   Backend    │
│   React 19   │      │   FastAPI    │
└──────────────┘      └───────┬──────┘
                              │
                              ▼
                      ┌──────────────┐
                      │  PostgreSQL  │
                      └──────────────┘

Progress

[████████░░] 80% Complete
✅ Design    (2 days)
✅ Backend   (5 days)
🔄 Frontend  (3 days)
⏳ Testing   (pending)

See references/ for complete patterns.

Related Skills

  • architecture-decision-record - Document decisions that ASCII diagrams help visualize
  • brainstorming - Use visualizations to explore and communicate ideas
  • explore - Visualize codebase structure during exploration

Capability Details

architecture-diagrams

Keywords: architecture, diagram, system design, components, flow Solves:

  • How do I visualize system architecture?
  • Show component relationships with ASCII
  • Explain system design visually
  • Create architecture diagrams in documentation

workflows

Keywords: workflow, process, steps, pipeline, flowchart Solves:

  • How do I visualize process flow?
  • Show step-by-step workflow with ASCII
  • Explain pipeline stages visually
  • Document multi-agent workflows

comparisons

Keywords: compare, vs, before after, metrics, changes Solves:

  • How do I compare two options visually?
  • Show before/after metrics
  • Display progress comparison
  • Visualize A/B testing results

file-trees

Keywords: file tree, directory, structure, folder hierarchy Solves:

  • How do I show directory structure?
  • Visualize file hierarchy with ASCII
  • Explain codebase organization
  • Document project structure

progress-tracking

Keywords: progress, status, completion, percentage, metrics Solves:

  • How do I show progress visually?
  • Create progress bars with ASCII
  • Display completion status
  • Track task completion metrics

Related Skills

Xlsx

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas

data

Clickhouse Io

ClickHouse database patterns, query optimization, analytics, and data engineering best practices for high-performance analytical workloads.

datacli

Clickhouse Io

ClickHouse database patterns, query optimization, analytics, and data engineering best practices for high-performance analytical workloads.

datacli

Analyzing Financial Statements

This skill calculates key financial ratios and metrics from financial statement data for investment analysis

data

Data Storytelling

Transform data into compelling narratives using visualization, context, and persuasive structure. Use when presenting analytics to stakeholders, creating data reports, or building executive presentations.

data

Kpi Dashboard Design

Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business dashboards, selecting metrics, or designing data visualization layouts.

designdata

Dbt Transformation Patterns

Master dbt (data build tool) for analytics engineering with model organization, testing, documentation, and incremental strategies. Use when building data transformations, creating data models, or implementing analytics engineering best practices.

testingdocumenttool

Sql Optimization Patterns

Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow queries. Use when debugging slow queries, designing database schemas, or optimizing application performance.

designdata

Anndata

This skill should be used when working with annotated data matrices in Python, particularly for single-cell genomics analysis, managing experimental measurements with metadata, or handling large-scale biological datasets. Use when tasks involve AnnData objects, h5ad files, single-cell RNA-seq data, or integration with scanpy/scverse tools.

arttooldata

Xlsx

Spreadsheet toolkit (.xlsx/.csv). Create/edit with formulas/formatting, analyze data, visualization, recalculate formulas, for spreadsheet processing and analysis.

tooldata

Skill Information

Category:Data
Version:1.0.0
Last Updated:1/25/2026