INSPO — AI Design Agent
Vidit Patil
INSPO — AI Design Agent
Vidit Patil · B2B AI Product Designer
CASE STUDY 04 — AI TOOL · SOLO BUILD
INSPO
The AI design agent that translatesUI inspiration into your context.
Designers save inspiration they never use.The gap isn't finding references — it's applyingthem. INSPO closes that gap with a 4-stage agentthat takes a screenshot and returns production-readycomponent directions in your context.
TIMELINE: 2 weeks · STACK: Next.js + Claude APIROLE: Solo Designer & Builder · STATUS: Live
THE PROBLEM
Designers save inspirationthey never use.
Every designer has a folder of references.Screenshots from Dribbble, Pinterest saves,Mobbin boards. Beautiful work from brandsthat aren't yours, for users that aren't yours.The problem isn't finding inspiration —it's the translation step.No tool was asking: who are you designing for?
THE PRODUCT
Drop a reference. Get 3 directions.
INSPO landing — drop a screenshot or describe what to build.
THE PIPELINE
Four stages. One outcome.
01 — ANALYZE
Drop it. Claude reads it.
Upload any screenshot — a card,a hero, a pricing section. INSPO usesClaude Vision to extract the visual DNA:anatomy, hierarchy, spacing logic,typography register, color behavior.
02 — CONTEXT
Tell it who you're designing for.
Industry, brand colors, font preference,use case. As you answer, a live design briefassembles on the right. The system buildsyour context before it generates anything.
03 — GENERATE
Three directions cook in parallel.
Not one answer. Three distinct directions —each pulling a different lever on the reference.Each has a status timer and scan-line animation.The 30-second wait becomes engagement.
04 — BUILD
Pick one. Ship it.
Live HTML preview, copy-paste Figmainstructions, and a Figma Make promptformatted for direct paste.One direction to production in minutes.
THE OUTPUT
From screenshot to component spec.
Build stage — live HTML preview, Figma instructions, Figma Make prompt.
REFLECTION
First terminal. Two weeks. Shipped.
Context is the product
Every AI tool skips the translation step. INSPO's entire value is the context stage — the questions nobody else was asking.
Ship first, learn faster
Before INSPO I had never opened a terminal. I learned Next.js, TypeScript, and Claude API by building in production, not studying.
Kill what doesn't work
V1 was an inspiration wall. Users picked references and got generic output. Watching that fail told me exactly what to build.
Try it on your next brief.
Live on Vercel. Public beta.Drop in a screenshot and see what comes back.
2 weeks to ship · 4 agent stages · 3 directions per run
See all work
Vidit Patil · B2B AI Product Designer
Like this project
Posted Aug 19, 2026
INSPO — a solo-built AI design agent that translates visual inspiration into production-ready component directions; shipped in 2 weeks.
Likes
0
Views
0
