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.
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 :)
Does it work well with components you've heavily customized, or is it mainly for more standard setups?
About Skisso on Product Hunt
“Edit your live UI in your design system, hand off the diff”
Skisso launched on Product Hunt on October 16th, 2026 and earned 61 upvotes and 6 comments, placing #24 on the daily leaderboard. 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.
Skisso was featured in Chrome Extensions (52.8k followers), Design Tools (263.4k followers) and Developer Tools (521.3k followers) on Product Hunt. Together, these topics include over 150.2k products, making this a competitive space to launch in.
Who hunted Skisso?
Skisso was hunted by Alexander Zakabluk. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Skisso stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Alexander Zakabluk