Give your agent’s designs a human touch.

Your coding agent gets the interface close. Pitolet lets you fix the details on the page while your agent sees every change.

Open Pitolet
$ npx pitolet
Claude Code adding a section to a Pitolet document while the edit appears on the canvas
Claude Code adds a section directly to the open page.
DOM + CSS Browser layout
MCP Read and write
React or HTML From one document
Cloud or local Your choice

Fix the parts the prompt missed.

Make the change yourself. Your agent keeps working from the same document.

01

Edit the real page

Change the layout and see the result in place. Pitolet uses the browser’s own layout engine.

02

Your agent stays in sync

Connect through MCP. Your agent reads the open document and its edits appear on the canvas.

03

Keep the code

Export React or HTML from the document you edited. There is no separate mockup to rebuild.

Bring in the site you already have.

Point Pitolet at a local page. It imports an editable version and keeps unsupported parts as images.

$ pitolet import http://localhost:3000 --to …
✓

One responsive document

Pitolet captures the page at three widths and stores the differences as breakpoints.

✓

Local assets

Images are copied into Pitolet instead of staying linked to the source site.

✓

See what changed

The import report shows how closely each width matches the source.

This page was made in Pitolet.

View its source

Use Pitolet on our server or yours.

Free

$0 forever

For trying Pitolet on a real project.

  • • 1 workspace
  • • 3 documents
  • • Hosted MCP for your agent

Pro

Popular
$12 per user / mo

For work that needs more room and history.

  • • Unlimited documents + tokens
  • • Version history
  • • Share links
  • • Everything in Free

Self-host

Free forever · AGPL

Run the open source version on your own server.

  • • npx pitolet
  • • Runs on your own servers
  • • AGPL-3.0 licensed