Gallery · Canon

Deter — Depth 4 of 5

A review that removes — every finding priced against the surface's job and how often people meet it, one thing kept, and never a rewrite nobody asked for.

Graft — Depth 4 of 5

Maps a Claude Code session as a branch diagram: your turns as the trunk, subagents as forks, compactions as diamonds.

Strata — Depth 4 of 5

A record of what users actually said, in dated layers — verbatim kept apart from your reading of it, and two people never counted as a pattern.

Impeccable — Depth 5 of 5

A design director you invoke by verb — shape, critique, bolder, quieter, distill, harden — each command a separate playbook, loaded only when the work actually calls for it.

Improve UI — Depth 4 of 5

A read-only audit that refuses to guess — a connection counts only when it is proven through rendering, and the output is a plan for another agent, not an edit.

Layers — Orient — Depth 4 of 5

Seven layers of product design, and a diagnostic that names the lowest one with unresolved decisions — because polishing the surface above a broken conceptual model is wasted work.

Ship It — Depth 4 of 5

Sixty-six product patterns, each tiered so "use judgment" has an anchor — catches the password reset you forgot, not the padding you got wrong.

Design Motion Principles — Depth 5 of 5

Three named motion philosophies — Kowalski, Krehel, Tompkins — weighted by project context, with a frequency gate that decides whether it should animate at all.

Falling Leaves — Depth 4 of 5

Why generic particles read as confetti and a tumble that crosses zero reads as a leaf — drifting foliage built from the physics the eye actually checks.

Scroll-Scrubbed Visual Sequence — Depth 4 of 5

Turn one visual transformation into a scroll instrument — normalized progress as the single source of truth, with the renderer (video, frames, canvas, SVG) swappable underneath.

Three.js Landscape — Depth 4 of 5

A live landscape that stays quiet behind the subject — polar-grid terrain, slope-and-moisture coloring, GPU grass, and a time-of-day system that cross-fades instead of cutting.

Thumb-First — Depth 4 of 5

A three-skill mobile review team — design judgment and device reality run as separate passes, then merge into one report that never lets an opinion read as a defect.

Emil Design Eng — Depth 5 of 5

The taste-and-polish philosophy behind Improve Animations, generalized to every UI decision, not just motion.

Huashu Design — Depth 5 of 5

Type a sentence, get a shippable prototype, deck, or launch animation — no Figma, no After Effects.

Nothing Design — Depth 4 of 5

A named, numbered visual system — Swiss typography plus Nothing's dot-matrix industrial cool, budgeted down to exactly three type layers.

Frontend Design — Depth 5 of 5

Claude's actual design-lead persona — useful for turning "clean and modern" into an actual point of view.

Brand Guidelines — Depth 4 of 5

A tight, portable pattern for baking exact brand colors and type rules into anything Claude touches.

Improve Animations — Depth 5 of 5

Turns "the app feels off" into a prioritized, execute-anywhere motion audit.

Better Accessibility — Depth 5 of 5

The a11y reference you actually want cited inline — focus rings to ARIA, with real before/afters.

Make Interfaces Feel Better — Depth 5 of 5

Nineteen small physical details — concentric radii, tabular numbers, scale-on-press — that add up to "feels expensive."

Better Writing — Depth 4 of 5

Microcopy rules that catch "Oops, something went wrong" before it ships.