tjboudreaux/cc-visualization-skills · Archived

tools-visual-ascii-arch

Express product, service, or data architectures through layered ASCII diagrams suitable for terminals, PRs, and ADRs.

First seen Mar 8, 2026

Installation

$ npx skills add tjboudreaux/cc-visualization-skills --skill tools-visual-ascii-arch

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from tjboudreaux/cc-visualization-skills.

npx skills add tjboudreaux/cc-visualization-skills

Browse all from tjboudreaux/cc-visualization-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 3
License LICENSE
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,477 B
  • docs SUMMARY.md 148 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 15 installs

SKILL.md

ASCII Architecture Mapping

Intent

  • Provide quick system overviews when graphical tools aren’t available.
  • Maintain multiple zoom levels (context, container, component) in text form.

Inputs

  1. List of components/services/contracts.
  2. Interaction types (sync, async, queues, blockchain events).
  3. Deployment/runtime context (devices, regions, environments).

Workflow

  1. Choose framing

- Context diagram (users ↔ system). - Container diagram (services, DBs, queues). - Component diagram (modules, classes, contracts).

  1. Apply layout grid

- Use +---+ boxes for nodes, |/- for edges. - Keep consistent spacing (2 spaces between layers).

  1. Annotate flows

- Label arrows with protocols (HTTP, gRPC, L1 tx). - Use ~> for async events, => for sync calls.

  1. Layer metadata

- Add footnotes for SLAs, owners, repos. - Indicate platform-specific components (e.g., [iOS], [Windows agent]).

  1. Version and reuse

- Store diagrams in .factory/diagrams/<topic>.txt. - Link from AGENTS.md or skills that need system context.

Verification

  • Diagram fits within 100 characters width; no tab characters.
  • All components labeled; directional arrows show data/control flow.
  • Latest version referenced in related skills/docs.