Individual skill
penciled
Draw architecture and system diagrams that look hand-sketched in graphite pencil on paper (tapered, wobbly strokes, hatched shading, paper grain, handwritten labels), as an SVG, a PNG or a self-contained interactive HTML page. Use this whenever someone wants a hand-drawn, sketchy, whiteboard-style, napkin-sketch or pencil diagram of how a system fits together (services, databases, queues, users, external APIs, pipelines, cloud infrastructure, data flows), or asks you to "sketch" or "draw" an architecture, even if they never say "pencil". Not for charts of numbers, UI mockups, or precise engineering drawings.
skills/penciled/SKILL.md
Source commit 75fd67aa378cab3f6e88396df8d53b8dbbe0f755
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 13
- Repository last updated
- Oct 11, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- architecture-diagram Repository topic
- claude-code Repository topic
- claude-skills Repository topic
- cli Repository topic
- diagram Repository topic
- diagram-as-code Repository topic
- hand-drawn Repository topic
- javascript Repository topic
- engineering Derived category
- design Derived category
- data Derived category
- devops Derived category
- research Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
LICENSEasset · 1,078 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesSKILL.mdcore · 8,485 bytesfonts/OFL.txtdoc · 4,385 bytesfonts/caveat-metrics.jsonasset · 1,993 bytesfonts/caveat.woff2asset · 47,116 bytespackage.jsonruns · 42 bytesschema/README.mddoc · 4,112 bytesschema/architecture.schema.jsonasset · 7,729 bytessrc/assets.jsruns · 600 bytessrc/bundle.jsruns · 2,256 bytessrc/cli.jsruns · 3,030 bytessrc/edges.jsruns · 5,795 bytessrc/geometry.jsruns · 3,565 bytessrc/layout.jsruns · 14,187 bytessrc/paper.jsruns · 4,784 bytessrc/random.jsruns · 595 bytessrc/raster.jsruns · 7,104 bytessrc/render.jsruns · 9,117 bytessrc/shapes.jsruns · 15,518 bytessrc/stroke.jsruns · 4,984 bytessrc/text.jsruns · 883 bytessrc/validate.jsruns · 17,061 bytessrc/viewer.jsruns · 14,366 bytes
Read excerpt
# penciled
penciled turns a small JSON description of a system into a drawing that
looks like someone sketched it with a 2B pencil: boxes whose corners cross,
arrows with a little sag, hatched shading, handwritten labels, paper texture.
It lays the diagram out automatically, checks the input, and writes either a
plain SVG or an HTML page where the reader can redraw, zoom and save.
It needs Node.js 18 or later and nothing else: no install step, no
dependencies, no network.
## Where things are
Everything is relative to this skill's directory (the folder containing this