Chrome Extension · Free

You Have the Vision. AI Needs the Words.

I built a tool to save my own sanity (and my tokens). Meet Lumiere, a Chrome extension that bridges the gap between design vision and AI execution.

Install Lumiere See how it works ↓
The Solution

Lumiere is the Bridge
Zero Technical Vocabulary Required.

01

Select

Pick any UI component on the web that inspires you.

Select a UI element on any live page
02

Record

Perform the interaction—a hover, a transition, or a complex multi-state flow.

Record the interaction states
03

Generate

Get a high-fidelity prompt your coding agent can act on immediately.

Generate a high-fidelity prompt
Free Chrome Extension

Your design vision,
finally translated.

Stop explaining UI in interpretive dance. Install Lumiere in 30 seconds.

Install Lumiere