· 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 postThe M1rror blog
Practical writing on making web apps look more polished and consistent: design systems from existing code, design tokens, every UI state and design reviews with your whole team.
· 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
Designing every state: loading, empty, error (and the ones teams forget)
A practical guide to designing loading, empty, error, denied and session-expired states in React, with accessible patterns, code examples and a checklist.
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· 8 min read
How to run a design review with clients who don't have an account
A practical guide to reviewing designs with clients and stakeholders who won't sign up: freeze a version, share a private link, set permissions and record decisions.
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