# Tools Visual Ascii Arch

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

- **Type:** Skill
- **Install:** `agentstack add skill-tjboudreaux-cc-visualization-skills-tools-visual-ascii-arch`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [tjboudreaux](https://agentstack.voostack.com/s/tjboudreaux)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [tjboudreaux](https://github.com/tjboudreaux)
- **Source:** https://github.com/tjboudreaux/cc-visualization-skills/tree/main/skills/tools-visual-ascii-arch

## Install

```sh
agentstack add skill-tjboudreaux-cc-visualization-skills-tools-visual-ascii-arch
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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).
2. **Apply layout grid**
   - Use `+---+` boxes for nodes, `|`/`-` for edges.
   - Keep consistent spacing (2 spaces between layers).
3. **Annotate flows**
   - Label arrows with protocols (`HTTP`, `gRPC`, `L1 tx`).
   - Use `~>` for async events, `=>` for sync calls.
4. **Layer metadata**
   - Add footnotes for SLAs, owners, repos.
   - Indicate platform-specific components (e.g., `[iOS]`, `[Windows agent]`).
5. **Version and reuse**
   - Store diagrams in `.factory/diagrams/.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.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [tjboudreaux](https://github.com/tjboudreaux)
- **Source:** [tjboudreaux/cc-visualization-skills](https://github.com/tjboudreaux/cc-visualization-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-tjboudreaux-cc-visualization-skills-tools-visual-ascii-arch
- Seller: https://agentstack.voostack.com/s/tjboudreaux
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.