Frontend developer specialising in React and TypeScript, with a focus on developer tooling and open-source utilities. I build things that help teams write cleaner code, catch technical debt early, and ship more consistent interfaces.
Lighthouse for design consistency.
A CLI tool that crawls websites using a real browser and audits them against design system best practices. Unlike static CSS analysers, it captures computed styles, JavaScript-injected values, and runtime-resolved CSS custom properties to reflect what users actually see.
What it checks:
- Typography — font families, sizes, and line-height consistency
- Color — unique palette size, shade clustering via delta-E, WCAG AA contrast validation
- Spacing — grid system adherence (4 px / 8 px), outlier detection
- Components — touch target sizes, button variants, border-radius systems, z-index organisation
- Outputs a structured JSON report ready for CI pipelines
npx design-auditor https://yoursite.com
Surface technical debt without opening Jira.
A CLI tool that analyses git history to identify which areas of a codebase carry the most accumulated complexity and change pressure — giving teams an objective view of where technical debt lives.
CSV exports that handle pagination automatically.
A React hooks library that makes large CSV exports painless. Pass it a paginated data source and it handles the batching logic, so UI code stays clean.
Lightweight URL state for react-router-dom.
A minimal React hook that makes reading and writing URL query parameters as ergonomic as useState, with full compatibility with react-router-dom.
Open to collaboration on developer tooling, React libraries, and design-system automation.