LABS & NOTES
Small tools for design, code and AI.
Skills, checkers and templates I’m building in public so other designers can inspect, adapt and reuse the work.
Reusable workflows for design systems, Storybook, accessibility and agent-ready product work.
Open the repositoryNotes I’m still testing.
Writing, builds and experiments from the workbench.
Can you trust an agent before it reaches production?
A focused evaluation loop for replaying support conversations, reviewing failure modes and turning human feedback into the next agent version.
AI agents · Evaluation · Human feedbackWhat changed is not why.
A decision-handover dashboard, grounded in a product-team problem I encountered while building a framework at TAP.
Product design · Operational UX · Interaction designBefore you publish an n8n agent, replay how its behaviour would change.
A live n8n-backed experiment for reviewing prompt, memory, model and tool changes against representative conversations.
n8n · AI agents · Developer toolsParallel isn’t always safe.
A decision surface for the moment parallel AI tasks stop being isolated work and need to converge into one change a developer can trust.
Agentic UX · Developer tools · Interaction designA clearer way to browse remote technology roles.
A public, source-aware view of remote opportunities across product, UX/UI, research, design systems, engineering, data, platform and developer experience.
Public utility · Developer tools · Data productsWhen should a costly AI batch keep running?
A capacity decision model, with a separate real telemetry path that makes signal source and freshness inspectable.
AI infrastructure · Observability · Product designMetrics are not decisions: reading design-system health from real signals.
An independent experiment in making repository activity, checks and maintenance signals legible enough to act on. The demo reads public GitHub data.
Data visualisation · Observability · Design systemsYour design system doesn’t need more components. It needs better evidence.
A practical way to find repeated decisions, separate useful variation from drift and decide what a design system should actually own.
Design systems · Auditing · GovernanceHow I made Storybook the source of truth — not Figma.
A code-first workflow where component APIs, states, accessibility and documentation live next to what actually ships.
Storybook · Component APIs · Design systemsHow to build a Figma plugin that imports component APIs from code.
A practical bridge that reads TypeScript props, variants, defaults and token references instead of rebuilding coded components by hand.
Figma plugins · TypeScript · Design engineeringHow to build an agent without starting with a chat box
A practical guide to the rules, boundaries and feedback loops that make an agent useful in a real product.
Agentic UX · Product systems · PrototypingThe smallest useful accessibility pipeline I could build.
A practical baseline for catching component accessibility problems in Storybook before they become product debt.
Accessibility · Storybook · Testing