Projects
Case studies, tools, utilities, and skills: what I design and build where design, code, and AI meet.
Packs a design system into a short context for the agent and estimates its size in tokens.
Replaces raw controls and hardcoded colors with system components.
A diff of two runs after a prompt change: which cases improved and which ones broke.
Computed-style inventory of a live URL: how many distinct colors, type sizes, spacings, and radii the page renders.
Replaces hardcoded colors, spacing, and radii with design tokens.
Builds a short DESIGN.md that agents can follow.
Finds local copies of design-system components and swaps them back.
Checks a screen at 390 and 1280 px, with keyboard and real data.
Documents a component from its real code and usage.
Moves one screen to design-system components without changing behavior.
Renders every state of a component before you call it done.
Adds motion only where it helps, and respects reduced motion.
Checks contrast, focus, names, and readable type in the running UI.
Writes down what happens on click, on error, and on cancel.