New in Skisso

Your coding agent, right next to the page.

Chat with the agent you already use, inside the Skisso panel. It sees what you pointed at and what you changed, previews CSS on the live page, and touches your code only when you say so. Not your code? Turn the same context into a GitHub issue.

Download freeYour agent · your account · your machine

Stockholm archipelago

Red cabins on granite rocks, a sauna by the water.

Find your islanda.btn 184×44

ChatIssue

Make this button darker

skisso · get_context

skisso · apply_css

Previewed filter: brightness(.8) on the button. White on coral now reads at 4.6:1. It is in Changes.

# a.btn

The launch film · 52 seconds

Your agent finally sees what you see.

Four ways to hand it over

Chat, file an issue, connect over MCP, set the rules.

Pick one. Every scene below is the real interface, simplified.

localhost:3000

Pricing

One plan. Every feature. Cancel any time.

Start free triala.btn 196×44

ChatIssue

Make this button darker

skisso · get_context

skisso · apply_css

Previewed on the page. Want it in the code? Apply to code

# a.btn

CHAT

Ask about what you are looking at.

The agent gets the selected element, its styles and your edits with every message. It can preview CSS right on the page, and it changes your files only when you press Apply to code.

Watch it work

Four short films, all real takes.

The extension on a real page, with a real Claude Code answering. Sound on.

ChatAsk about the button. It previews the fix on the page.

IssueYour selection and edits become the issue.

Rules & skillsPick Typography. The agent follows it.

MCPYour agent in your terminal, plugged into Skisso.

Bring your own agent

Works with the agent you already pay for.

Skisso holds no API key and calls no AI provider. The bridge runs your own agent in your project folder, under your account, with its own settings. Pick the agent and the model right in the panel.

Claude CodeCodexGemini CLICopilot CLICursor Agent + any MCP client: Cursor, Windsurf, Claude Desktop, Cline

Set up once

Three steps, then it stays connected.

Add Skisso to Chrome

Free on the Chrome Web Store. Open it on any page with ⌃⇧1.

Start the bridge

In your project folder, run one command and keep it open. It finds the agents you have installed.

npx -y skisso

Open AI agent

Point at something on the page and ask. Or switch to Issue and hand it to your team.

Chat · Issue

You stay in charge

Nothing moves without your click.

Files change only when you allow it

By default the agent may read and preview. Switch to Can edit, or press Apply to code on a reply, when you want it to write.

Issues go out only on Create issue

Pick the repository and the GitHub account. The draft shows exactly what will be posted.

Everything runs on your computer

The extension talks only to the bridge on 127.0.0.1. Chat history and settings stay in a folder of your user account.

Your rules, your skills

Use Skisso’s design rules, your own (paste them, link a Markdown file, or pick a Claude skill), or none at all.