01

Structure

Structure

01

Making design machine-readable. Author it structured from the start, or recover structure after the fact.

  • Design.md
    Google Stitch standard. Design spec as markdown — readable by humans, agents, CI. Used across 7 GiveCare sites for unity without uniformity.
  • Forma (forma-cli)
    Brand identity as validated YAML with typed schema. Live viewer renders specimens — palette, typography, volume zones — as you edit.
  • LICA Dataset
    1,148 designs as both flat renders and component-level JSON. Each composition is structured: position, color, font, size — diffable, queryable.
  • Qwen-Image-Layered
    Recovers structure from flat images. Decomposes any PNG into semantically disentangled RGBA layers — recursive, variable count.
  • Quiver
    AI vector design — outputs editable SVG, not raster. Paths, shapes, colors individually addressable.
  • Gemini Embedding 2
    Text, images, video, audio, docs in a single 3072-dim vector space. Cross-modal search and comparison.
Author structure from the start, or recover it from flat artifacts. Both paths end at legibility.
02

Generation

Generation

02

AI producing design artifacts — useful only when constrained by brand, intent, and quality gates.

  • Phantom CLI (phantom-cli)
    Topic + brand YAML → graded copy + image + platform posters in 30s. Volume zones, anti-slop filter, 5-dimension rubric.
  • Quiver
    Prompt or reference image → editable SVG logos and illustrations. API-first — composable into pipelines.
  • DrawBot Evolve (drawbot-cli)
    Genetic algorithm breeds poster forms. Population → human selects winners → crossover + mutation → next generation.
  • Qwen-Image-Layered
    Enables re-generation of individual layers. Decompose, edit one element, recompose — surgical editing without full regeneration.
The constraint is what makes AI output designerly. Generation without constraint is slop.
03

Taste

Taste

03

Surfaces for human judgment. AI shifts the designer from production to curation.

  • Locale
    Josh Puckett. Browse system fonts, logo treatment preview. Taste as exploration — the interface is the design act.
  • Loftlyy
    Mobbin for branding. Browse palettes, typography, logos, design systems. Taste as pattern recognition.
  • Forma Viewer (forma-cli)
    Edit brand YAML on the left, see rendered specimens on the right. Live validation. Taste as feedback loop.
  • DrawBot Selection (drawbot-cli)
    Pick winners from generated populations. Taste as evolutionary pressure — your preference shapes the next generation.
  • Phantom Grading (phantom-cli)
    Automated quality gate across 5 dimensions. Anti-slop blacklist. Taste encoded as rubric.
The designer's job migrates from making to choosing. These are judgment surfaces.
04

Agency

Agency

04

Agents operating within design systems. Policy, not supervision.

  • Open Pencil + Local Model
    Agent-driven design tool reads/writes Figma files via tool use. Connecting to local model for on-device agent design.
  • Brand-OS (brand-os)
    Autonomous agents with policy engine: allow / escalate / deny. Decision audit trail. Human-set boundaries, machine execution.
  • Phantom Atomics (phantom-cli)
    copy → image → poster → enqueue → post. Each step returns JSON, fails independently, composes into agent workflows.
  • Design.md as Contract
    The spec agents read to maintain unity across 7 sites without central control. Coordination through shared legible artifact.
  • LICA + Quiver
    Structured datasets enable agent training. Editable SVG output enables agent manipulation. Data to tool use.
Structure enables Agency. Agency drives Generation. Taste filters Generation. Taste encodes back into Structure. It's a loop.