Skisso
A Chrome extension where you stop describing design fixes to your agent in words and make them with the mouse right on the page. The agent gets a short list: which element, which property, what it was and what it is now. Free, no account.
We have not run it ourselves: described from the docs and the repository.
In numbers
What it is
Anyone who has built a site with Claude Code or Cursor knows the loop: the buttons look cramped, so you write a paragraph about "a bit more breathing room between the buttons on the right". The agent guesses, gets the wrong element or the wrong amount, and you go round again. Skisso removes the step of turning a picture into words: you select an element on the live page, nudge the spacing, change the colour, font or text until it looks right, and copy the changes with one key. The agent receives the element's address and "before → after" pairs in real CSS, and it still edits the project files itself.
What sets it apart from Spline and the other design tools in this catalogue is that it draws nothing from scratch: it works on top of an interface that already exists, on localhost, staging or a live site. It is a bridge between the browser, where you see the result, and the terminal, where the agent works. Through a local MCP server the agent reads your selection directly, and the extension panel lets you talk to the agent from the page or turn your edits into a GitHub issue.
How it works
claude mcp add --scope user skisso -- npx -y skisso mcp. For Cursor, Windsurf, Cline and Claude Desktop the same server goes into the MCP config.
Comments