Skisso

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

15 followers

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

15 followers

Visit website

Interface design tools

•

Chrome Extensions

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.

Free

Launch tags:Chrome Extensions•Design Tools•Developer Tools

Launch Team

Maker

📌

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!

Report

10d ago

Material UI

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 :)

Report

9d ago

Maker

@rakesh_nakrani1
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! 🚀

Report

2d ago

Reviews