ascii-visualizer by yonatangross/orchestkit
npx skills add https://github.com/yonatangross/orchestkit --skill ascii-visualizer为架构图、工作流、文件树和数据可视化提供一致、可读的 ASCII 图表。所有输出都能在等宽终端中正确渲染,无需外部工具。
核心原则: 将信息编码到结构中,而非装饰中。每个图表元素都应传达有意义的内容。
Standard: ┌─┐ │ └─┘ ├─┤ ┬ ┴ ┼
Heavy: ┏━┓ ┃ ┗━┛ ┣━┫ ┳ ┻ ╋
Double: ╔═╗ ║ ╚═╝ ╠═╣ ╦ ╩ ╬
Rounded: ╭─╮ │ ╰─╯
Arrows: → ← ↑ ↓ ─> <─ ──> <──
Blocks: █ ▓ ░ ▏▎▍▌▋▊▉
Checks: ✓ ✗ ● ○ ◆ ◇ ★ ☆
| 线宽 | 字符 | 用途 |
|---|---|---|
标准 ─│ | 普通方框和连接线 | 大多数图表 |
加粗 ━┃ | 强调、边框、标题 | 关键组件、外框 |
双线 ═║ |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 分隔、标题 |
| 区域分隔、标题框 |
┌──────────────┐ ┌──────────────┐
│ 前端 │─────>│ 后端 │
│ React 19 │ │ FastAPI │
└──────────────┘ └───────┬──────┘
│
v
┌──────────────┐
│ PostgreSQL │
└──────────────┘
src/
├── api/
│ ├── routes.py [M] +45 -12 !! 高流量路径
│ └── schemas.py [M] +20 -5
├── services/
│ └── billing.py [A] +180 ** 新文件
└── tests/
└── test_billing.py [A] +120 ** 新文件
图例: [A]新增 [M]修改 [D]删除 !! 风险 ** 新
[████████░░] 80% 完成
+ 设计 (2 天)
+ 后端 (5 天)
~ 前端 (3 天)
- 测试 (待定)
后端 ===[Schema]======[API]===========================[Deploy]====>
| | ^
| +------blocks------+ |
| | |
前端 ------[Wait]--------[Components]=======[Integration]=+
=== 进行中的工作 --- 阻塞/等待中 | 依赖关系
环 3: 测试 (8 个文件)
+-------------------------------+
| 环 2: 间接影响 (5) |
| +------------------------+ |
| | 环 1: 直接影响 (3) | |
| | +--------------+ | |
| | | 已更改文件 | | |
| | +--------------+ | |
| +------------------------+ |
+-------------------------------+
之前 之后
┌────────────┐ ┌────────────┐
│ 单体架构 │ │ 服务 A │──┐
│ (all-in-1)│ └────────────┘ │ ┌──────────┐
└────────────┘ ┌────────────┐ ├─>│ 共享队列 │
│ 服务 B │──┘ └──────────┘
└────────────┘
阶段 1 [================] 完全可逆 (添加列)
阶段 2 [================] 完全可逆 (新端点)
阶段 3 [============....] 部分可逆 (数据回填)
--- 不可逆点 ---
阶段 4 [........????????] 不可逆 (删除列)
| 规则 | 描述 |
|---|---|
| 字体 | 始终使用等宽字体 — 框线绘制需要固定宽度 |
| 线宽 | 标准线用于常规,加粗线用于强调,双线用于标题 |
| 箭头 | 使用 ─>, ──>, 或 │ 配合 v/^ 表示方向 |
| 对齐 | 右填充标签以匹配列宽 |
| 注释 | !! 表示风险,** 表示新内容,[A/M/D] 表示变更类型 |
| 宽度 | 保持在 80 字符以内以确保终端兼容性 |
| 嵌套 | 方框嵌套最多 3 层,否则可读性会下降 |
| 模式 | 使用场景 |
|---|---|
| 分层方框 | 系统架构、部署拓扑 |
| 同心环 | 影响范围、影响分析 |
| 时间线进度条 | 可逆性、迁移阶段 |
| 泳道图 | 执行顺序、并行工作流 |
| 带注释的树 | 文件变更清单、目录结构 |
| 对比表格 | 跨层一致性、前后对比 |
| 进度条 | 状态跟踪、完成度指标 |
brainstorm — 设计探索,其中图表用于传达想法architecture-patterns — 受益于 ASCII 图表的系统架构code-review-playbook — 包含内联图表的代码审查意见每周安装量
82
代码仓库
GitHub 星标数
132
首次出现
2026年2月6日
安全审计
安装于
opencode79
github-copilot77
codex77
gemini-cli76
cursor76
kimi-cli73
Consistent, readable ASCII diagrams for architecture, workflows, file trees, and data visualizations. All output renders correctly in monospace terminals without external tools.
Core principle: Encode information into structure, not decoration. Every diagram element should communicate something meaningful.
Standard: ┌─┐ │ └─┘ ├─┤ ┬ ┴ ┼
Heavy: ┏━┓ ┃ ┗━┛ ┣━┫ ┳ ┻ ╋
Double: ╔═╗ ║ ╚═╝ ╠═╣ ╦ ╩ ╬
Rounded: ╭─╮ │ ╰─╯
Arrows: → ← ↑ ↓ ─> <─ ──> <──
Blocks: █ ▓ ░ ▏▎▍▌▋▊▉
Checks: ✓ ✗ ● ○ ◆ ◇ ★ ☆
| Weight | Characters | Use For |
|---|---|---|
Standard ─│ | Normal boxes and connectors | Most diagrams |
Heavy ━┃ | Emphasis, borders, headers | Key components, outer frames |
Double ═║ | Separation, titles | Section dividers, title boxes |
┌──────────────┐ ┌──────────────┐
│ Frontend │─────>│ Backend │
│ React 19 │ │ FastAPI │
└──────────────┘ └───────┬──────┘
│
v
┌──────────────┐
│ PostgreSQL │
└──────────────┘
src/
├── api/
│ ├── routes.py [M] +45 -12 !! high-traffic path
│ └── schemas.py [M] +20 -5
├── services/
│ └── billing.py [A] +180 ** new file
└── tests/
└── test_billing.py [A] +120 ** new file
Legend: [A]dd [M]odify [D]elete !! Risk ** New
[████████░░] 80% Complete
+ Design (2 days)
+ Backend (5 days)
~ Frontend (3 days)
- Testing (pending)
Backend ===[Schema]======[API]===========================[Deploy]====>
| | ^
| +------blocks------+ |
| | |
Frontend ------[Wait]--------[Components]=======[Integration]=+
=== Active work --- Blocked/waiting | Dependency
Ring 3: Tests (8 files)
+-------------------------------+
| Ring 2: Transitive (5) |
| +------------------------+ |
| | Ring 1: Direct (3) | |
| | +--------------+ | |
| | | CHANGED FILE | | |
| | +--------------+ | |
| +------------------------+ |
+-------------------------------+
BEFORE AFTER
┌────────────┐ ┌────────────┐
│ Monolith │ │ Service A │──┐
│ (all-in-1)│ └────────────┘ │ ┌──────────┐
└────────────┘ ┌────────────┐ ├─>│ Shared │
│ Service B │──┘ │ Queue │
└────────────┘ └──────────┘
Phase 1 [================] FULLY REVERSIBLE (add column)
Phase 2 [================] FULLY REVERSIBLE (new endpoint)
Phase 3 [============....] PARTIALLY (backfill)
--- POINT OF NO RETURN ---
Phase 4 [........????????] IRREVERSIBLE (drop column)
| Rule | Description |
|---|---|
| Font | Always monospace — box-drawing requires fixed-width |
| Weight | Standard for normal, Heavy for emphasis, Double for titles |
| Arrows | ─>, ──>, or │ with v/^ for direction |
| Alignment | Right-pad labels to match column widths |
| Annotations | !! for risk, ** for new, for change type |
| Pattern | Use Case |
|---|---|
| Layered boxes | System architecture, deployment topology |
| Concentric rings | Blast radius, impact analysis |
| Timeline bars | Reversibility, migration phases |
| Swimlanes | Execution order, parallel work streams |
| Annotated trees | File change manifests, directory structures |
| Comparison tables | Cross-layer consistency, before/after |
| Progress bars | Status tracking, completion metrics |
brainstorm — Design exploration where diagrams communicate ideasarchitecture-patterns — System architecture that benefits from ASCII diagramscode-review-playbook — Review comments with inline diagramsWeekly Installs
82
Repository
GitHub Stars
132
First Seen
Feb 6, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode79
github-copilot77
codex77
gemini-cli76
cursor76
kimi-cli73
Lark CLI妙记查询工具:快速获取飞书妙记元信息(标题、封面、时长)
39,100 周安装
[A/M/D]| Width | Keep under 80 chars for terminal compatibility |
| Nesting | Max 3 levels of box nesting before readability degrades |