CodeariaAcademy

The Workshop is open: three tools that run in your browser

Imagine needing to crop a cover, strip the invisible characters a model left in your text, and work out what the harness around your agent costs. Normally that is three other people's websites and three uploads of your files to their servers. We built those three tools here, and not one of them sends anything anywhere.

September 18, 20263 min readtested with Chrome 152, Windows 11. All three tools are ours and run on the client
Claude CodeAI Agents
A dark workbench under violet light: callipers, an optical element on a stand and a metal block — the workshop where tools are made by hand
In this article3
In short

The academy now has a Workshop: three free tools that run entirely in the browser. Crop and convert cuts an image with a draggable frame to a cover, an Open Graph preview or a custom size and returns webp, jpg or png, stripping the generator's metadata on the way. Text cleanup finds the invisible characters models leave behind and removes the useless ones without breaking emoji or the spelling of Persian and Indic words. Harness cost works out what the opening context of Claude Code, Codex CLI and your connected MCP servers costs — in dollars on the API, or as a share of the context window on a subscription. None of them uploads your file or your text: everything is computed on your device. Opening and trying needs no account; the account is for the step where you take the result with you.

Why they exist

Each grew out of running the academy itself. Article covers need cutting to three different sizes, text from a model needs cleaning before it is published, and after we broke down the HarnessTax study we wanted to know what the harness costs us.

All three jobs are covered by other people's websites. The problem is that another website asks you to upload the file. For an image from an internal thread, or text that has not been published yet, that is not a small thing.

So the rule for this section is simple: nothing leaves your machine. The image is redrawn through a canvas on your device, the text is scanned in the browser, and the calculator is arithmetic on the client. Once the page has loaded, the tools keep working with no connection at all.

What is in it

Crop and convert. The frame drags and resizes from its corners, so the shot holds what you meant rather than the middle of the image. Aim once and «all presets» returns four frames built around the same point. Output is webp, jpg or png. The generator's metadata falls away on its own, because only pixels go into the new file.

Text cleanup. It highlights every invisible character in place and says what it is doing. There is a subtlety here that makes most such cleaners damage the text: the same codepoint is litter in one spot and load-bearing in another. A U+200D between letters is junk; between two faces it holds a family emoji together. A U+200C inside a Persian word is a spelling rule. Those stay, marked in green.

Harness cost. Built on Berkeley's measurements: Claude Code declares 23 tools and spends around 27,000 tokens on them, Codex CLI 7 tools and 11,000. It accounts for prompt caching, without which the figure is roughly three times too high. On a subscription it shows not dollars but the share of the context window: a harness with three MCP servers takes about 17 percent of every request before you have typed a word.

What comes next

The section is open and will grow. The next candidates are picked: the weight of your own MCP schemas from pasted JSON, the language tax — how many tokens the same text costs in English, Russian and Hebrew — and a task brief builder for agents.

Sources5expand
  1. [object Object]
  2. [object Object]
  3. [object Object]
  4. [object Object]
  5. [object Object]

Comments