Arvoxis

Cutaway — Development skill for Claude Code

Development community

An agent skill that draws any codebase as an engineering drafting sheet — real module dependencies, import cycles and churn, in one self-contained interactive SVG.

How to install Cutaway

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Arvoxis/cutaway and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Cutaway does

An agent skill that draws any codebase as an engineering drafting sheet — real module dependencies, import cycles and churn, in one self-contained interactive SVG. Works with Claude Code, Codex, Gemini CLI and OpenCode.

Alternatives in Development

How Claude Code Works — Deep dive into Claude Code internals — architecture, agent loop, context engineering, and more 1.9k ★
Writing — Writing — Figure Generation + Paper Drafting 613 ★
07 Redesign Editorial — Redesign Inkwell as a typography-first editorial instrument — the feeling of drafting in a 143 ★

README

cutaway

**A cutaway drawing of your codebase.**

[![audit](https://github.com/Arvoxis/cutaway/actions/workflows/audit.yml/badge.svg)](https://github.com/Arvoxis/cutaway/actions/workflows/audit.yml) [![License: MIT](https://img.shields.io/badge/License-MIT-1e3a5f.svg?style=flat-square)](LICENSE) [![Node](https://img.shields.io/badge/node-%E2%89%A520-1e3a5f.svg?style=flat-square)](https://nodejs.org) [![Dependencies](https://img.shields.io/badge/dependencies-0-1e3a5f.svg?style=flat-square)](package.json)

[Try it](#try-it-in-thirty-seconds) · [Gallery](#the-gallery) · [Reading the drawing](#reading-the-drawing) · [How it compares](#how-it-compares) · [Limits](#limits) · [Questions](#questions)

Point a coding agent at a repository and get one self-contained HTML page, drawn like an engineering sheet. See an unfamiliar codebase's shape in ten seconds, and find its import cycles without reading a line.

A detail of the fastapi sheet: numbered parts, routed relations, district frames, churn hatching

What it is

An agent skill. Install it, then ask your agent about a codebase's architecture and it draws one instead of guessing.

The code owns the truth and the geometry; the agent supplies the reading. The extractor parses imports, the layout places parts by dependency depth with directories as columns, and an **audit proves the drawing before anyone sees it**: no part overlapping another, no relation crossing a part it does not connect to, no label escaping its box, no balloon without a parts-list row. Ten checks, all of which must read zero. CI runs cutaway on cutaway — if it cannot satisfy its own spec on its own source, it has no business drawing yours.

$ node src/audit.mjs graph.json

graph.json
   ok      0  part-overlap
   ok      0  relation-through-part
   ok      0  loose-end
   ok      0  label-overflow
   ok      0  region-exc