Skisso - Edit your live UI in your design system, hand off the diff

by•
Skisso is a free Chrome extension for designers and developers who build with AI coding agents. Point at any element on your live product and edit it in your own design system: your tokens, your components, a shadcn/ui kit that matches your styles. Then hand your agent only the exact change, as a small diff or over MCP. No more describing pixels in prose or pasting the whole page: about 380 tokens instead of 25,700 in our test. Runs locally, no account.

Add a comment

Replies

Best
Hi Product Hunt! I'm Alex, a product designer in Sweden. For the last two years I've built most of my work with an AI agent next to me. The agent writes code fast. The slow part was always the same: telling it which button, which gap, which blue. "Make it a bit bigger." "No, not that one." Screenshots, pasted CSS, half the page in the chat. Every round cost tokens and patience. So I built the tool I kept wishing for. With Skisso you point at the element on your real, running product and change it right there: spacing, type, colour and contrast, gradients, layout, hover states. It reads your design tokens, so the change stays var(--brand) and not a random hex. Need something new? Drop in a component from the built-in shadcn/ui kit and it already looks like your product. Then you hand your agent only what changed: the selector and each value, before and after. Copy and paste into any agent, or connect it over MCP with npx skisso, and your agent can read your selection and fetch your changes itself. Everything stays on your machine. It's free, no account, works on localhost, staging and production. What I'd love from you: try it on your own product and tell me where it breaks. Already on my list from early feedback: editing per breakpoint without losing the token links. Thanks for checking it out!

First, i like the idea and the real implementation of product. I'm been 13 years in web development mostly in front end. I see this tool is really useful while working. I checked the extension and its really amazed me with the results. I'll soon checkout the agent features. Keep it up :)

 
Thanks so much, Rakesh! Really means a lot, especially coming from someone with your experience! 🙌

Skisso was born out of my own daily frustrations as a designer working with AI agents. I built it to solve real problems in my workflow, and honestly, it saves me a ton of time every single day.

I'm constantly improving it, adding new features, and making the whole experience even smoother. The best part is getting to share something I built for myself with others who find it just as useful.

Can't wait for you to try the agent features! Really appreciate the support! 🚀