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.comKnow where technical debt lives — no Jira required.
An automated code intelligence platform that analyses git history to detect features, map user-facing flows, and surface bug-fix hotspots across your codebase. Gives engineering teams an objective, data-driven view of what to refactor next.
- Sonnet-powered semantic feature detection with monorepo and workspace support
- Health scoring per feature based on bug-fix ratio, churn, and contributor patterns
- CLI for local analysis, SaaS dashboard for team-wide visibility
pip install faultlinesCSV 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.




