● LIVE
AI AGENT · E-COMMERCE
Brooch Shop
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.
Playground
All Projects & Experiments
● LIVE
CHECKOUT · STRIPE
Prompt Shop
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
Human vs AI Judge
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
Readable & Shareable
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
Particle Flow Generator
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
SSB Website
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 Token Signals
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
EaseBuy
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
Spec-Driven Scenario Updater
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.