Skip to content

98 drawings · Editable SVG

01 — Introduction

Construction drawings for product ideas.

A visual grammar, a library of editable SVG drawings, and an agent skill that draws new ones by the same rules.

OBJ-05Newton’s cradleAnimated SVG

02 — Library

Geometry, interfaces, empty states, agents, and more

03 — Grammar

Every mark has a job.

Primary forms, construction lines, dimensions, and hatching each carry one meaning, so a drawing reads the same everywhere.

Read the grammar

04 — Motion

Relationships that move.

Animate a sequence with the same restraint as a still: one change at a time, at a pace you can follow.

See the motion studies

05 — Skill

Give your agent a brief.

Install the skill in Claude Code or Codex. Describe an idea and get an editable drawing you can inspect and adapt.

Install Plotter