inplace
For Claude Code, Codex, ChatGPT and other agents

Write with your coding agent without breaking your flow.

Open an HTML document your agent wrote and edit it right on the page, like any other document, without breaking its design. When you pause, your agent looks at what you changed and fixes whatever it affects, without waiting to be asked. Anything bigger, you can leave as a comment.

Install the inplace skill by running npx skills add jonasjancarik/inplace

Then try it on our example, a short proposal for a rooftop garden:

Download https://raw.githubusercontent.com/jonasjancarik/inplace/main/examples/garden-proposal.html into this folder and open it in inplace. Briefly tell me how we can work on it together.

Or tell your agent which of your own documents you want to work on together.

localhost:8765 · garden-proposal.html
Linden Street Residents · Draft

A garden on the roof

The committee proposes shared raised beds on the roof of building B, open to all residents from May.

ItemCost
Raised beds€3,600
Soil and compost€1,150
Total€4,750
Saved
JYou
Mention the 10% discount if we order before March.
On this table
AYour agent
The supplier’s quote in quotes/beds.pdf is €3,840, not €3,600. Shall I update it and the total?
Answer · Dismiss
Agent garden-proposal.html

Waiting for changes on the page…

inplaceedited p-1: “shared” → “<strong>shared</strong>”
inplaceadded tr-3 after tr-2: “Rain barrel”, “€400”
agentThat row feeds the total, so I updated td-6 to €5,150.
inplacecomment #1 on table-1: “Mention the 10% discount if we order before March.”
agentAdded a paragraph below table-1.
The page reloaded with your edits and mine.
agentThe beds cost doesn’t match quotes/beds.pdf, so I left a comment on it for you.

You bold a word and add a row on the page. The agent sees the new row and fixes the total, writes the paragraph you asked for in a comment, and leaves you a comment of its own when a cost doesn’t match the supplier’s quote.

What your agent does while you write

Edit the page the way you’d edit any document. When you pause, your agent looks at what you changed and takes care of whatever it touches. It fixes what your edit broke, and asks before changing what you meant.

Change an amount

Your agent updates the totals, percentages and chart bars that depend on it.

Move a section

“See the table below” becomes “above”, and figure numbers follow the new order.

Write the way you write

Typos and phrasing that doesn’t sound natural get fixed, and your agent tells you in one line so you can change them back.

Type a figure that doesn’t add up

If it doesn’t match your project’s data, your agent leaves you a comment instead of changing your text.

Ask for something bigger

Comment “chart this table”, and the chart appears below it, in the document’s own style.

Work on the same paragraph

You and your agent can edit at the same time. If you change different words, both changes are kept.

On the page you can type, format, add and remove rows, drag things into a new order, comment and undo, like in any document. Claude Code catches up within seconds of you pausing; other agents catch up when they next check.

How it works in detail →

How it’s different

Agents now write documents as carefully designed HTML, with colour-coded tables, charts and print layouts. Word or Google Docs would convert all of that into its own format, and much of the design would get lost on the way.

One

It doesn’t wait to be asked

AI in a document editor usually acts when you ask it to. Here your agent looks at your edits whenever you pause and takes care of what they affect, like the total under the amount you just changed.

Two

Your document stays as it is

You edit the file itself, so there's nothing to import or export. Charts, colours and print layout stay exactly as your agent made them, and what you print or send is that same file.

Three

Comments get done while you keep writing

You don’t send a request and wait for the reply. Your agent picks up each comment as you leave it, and the page reloads with the change while you carry on with the rest.

Four

It stays on your computer

The document never leaves your disk. To open it on your tablet, or work on it with someone on the same Wi-Fi, ask your agent to share it on your network.