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!

Skisso

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

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