· 7 min read
AI design agents that work from your codebase
What an AI design agent needs to improve an existing React app without making it look generic: codebase context, tokens, approval gates and reviewable pull requests.
Read the postdesign systems
5 posts. All posts
· 7 min read
Design tokens explained for developers
What design tokens are, how the W3C DTCG JSON format works, how to name and layer them, and how to turn one token file into CSS variables and TypeScript.
Read the post· 8 min read
Fixing inconsistent buttons and colours across a React codebase
How to find duplicate buttons and hard-coded colours in a React app, build one canonical Button on design tokens, migrate safely and use lint rules to keep it consistent.
Read the post· 7 min read
How to make your web app look more professional without a redesign
Practical CSS and component fixes that make a web app look polished: spacing and type scales, a tighter palette, consistent components, focus styles and real states.
Read the post· 7 min read
Turn your existing CSS into a design system
A step-by-step way to extract the colours, spacing and type already in your CSS, organise them into tokens and components, and stop them drifting again.
Read the post