All Projects & Experiments
◇ EXPERIMENT
AI AGENT · EVALUATION · SAFETY
Insurance enquiry triage and reply drafting with a frozen golden set, human review queue, and 2×2 model/prompt evaluation matrix. Every tested configuration missed the safety bars, producing a defensible no-ship decision.
◇ EXPERIMENT
AI AGENT · COST & EVALUATION
A source-learning agent used to test agent-loop economics, bidirectional safety gates, and cross-process state. The findings from 638 tests and 22 merged pull requests became reusable engineering guidance.
◇ EXPERIMENT
RAG · GENERATIVE UI · EVALUATION
Grounded evidence becomes schema-constrained, interactive knowledge cards instead of arbitrary model-generated UI code. Across 60 evaluation questions, dense retrieval reached 63.7% Recall@10 versus 47.6% for BM25.
◇ EXPERIMENT
AI COST · MEASUREMENT
A measurement lab for real agent bills. The first experiment found that one context compaction took 18–19 turns to pay back, far beyond the 2–4 turns predicted before measurement; fewer tokens did not automatically mean lower cost.
◇ EXPERIMENT
AI AGENT · DESIGN TO CODE
Not "a pixel-perfect page from one screenshot". A Claude Code workflow that turns AI-generated design sources into reusable, validated frontend packages — preserving real assets and design language, materialising component files with props, variants, tokens, and manifests instead of flattening everything into one page component. Observable intermediate artifacts, deterministic contracts, cheap validation, and human review only where visual judgment is still necessary.
◇ EXPERIMENT
AI DESIGN · RESEARCH
Not "what can this tool generate" but "how does it think". Reproducible behavioural experiments reverse-engineering how AI-native design tools reason — what they ask the human for, which decisions they delegate, and how output modes relate. The current case study is Claude Design with v0 as contrast; claims are kept at four distinct epistemic levels — fact, interpretation, hypothesis, conclusion — so observation is never merged into explanation.
● LIVE
AI AGENT · E-COMMERCE
Where filters fall short, agents begin. An AI shopping agent built with Claude API and tool calling — demonstrating how natural-language intent understanding replaces multi-level filter UX.
● LIVE
CHECKOUT · STRIPE
End-to-end e-commerce checkout playground with Stripe integration — covering the full flow from product listing to payment confirmation.
● LIVE
AI · GAME · E-COMMERCE
When AI has already decided, who presses confirm? Compete with AI on intent classification of real e-commerce support tickets — compare human, Claude, and GPT judgments in real time.
● LIVE
CLAUDE CODE · SKILL · VISUALIZATION
You wrote a great article — most people won't click the link. A Claude Code `/viz` skill that detects article structure and generates mind maps, interactive HTML, and shareable image cards — each output links back to the source so every audience finds their entry point.
● LIVE
CANVAS · SIMULATION
Stacking time into space. Simulating the spatial residue of user trajectories with particle flows — Canvas 2D real-time rendering, BFS flow-field pathfinding, live parameter tuning and GIF export.
● LIVE
DESIGN ENGINEERING · FRAMER MOTION
A design engineering exercise — four-page B2B marketing site built from scratch. Features a custom physics bounce hook with velocity vectors and wall-reflection, responsive layout, and Framer Motion animations. Lighthouse: Performance 91 / Accessibility 96 / SEO 100.
◇ EXPERIMENT
DESIGN SYSTEM · EXPERIMENT
Design tokens don't just store values — they carry meaning. An experimental tool for analyzing the visual signals that token combinations transmit: mapping the semantics of color, radius, and weight to surface conflicts before a component is built.
◆ HACKATHON ★ TOP 10
UX DESIGN · E-COMMERCE · MOBILE
Top 10 in UXcel × UX Pilot Design Competition. A minimalist mobile e-commerce app covering the full shopping journey across 11 screens — generous whitespace, card-based IA, transparent checkout. Full flow from wireframe to hi-fi with AI assistance.
◆ HACKATHON
AI AGENT · GITLAB HACKATHON
GitLab AI Hackathon submission. Targeting the "spec gap" — the distortion that accumulates as business logic is translated across product, design, and engineering. A single spec source drives AI to auto-generate code, tests, and docs.