Claude Code, Codex, OpenCode, pi, Hermes & OpenClaw

Streams like text. Works like software.

One local WebUI for your coding harnesses. Replies can be interfaces that work while they stream — in the conversation, or in a Canvas beside it.

Read the DocsQuick Start

Install

One package, one local server. Choose the harness inside the app.

bunx macaron-artifacts

Requires Node.js 22.19 or newer. Claude Code and pi run on bundled SDKs; Codex and OpenCode use their authenticated native CLI. Or install it globally with npm install -g macaron-artifacts. Nightly is the main build this site was deployed from.

Open http://127.0.0.1:43860, then create a conversation with your harness and workspace. See Quick Start for installation and configuration.

Run Agents With a UI

The same conversation interface, whichever harness you choose.

Shared Interface

Choose Claude Code, Codex, OpenCode, pi, Hermes, or OpenClaw per conversation. Workspaces, sessions, and approvals stay in one app.

Live Conversations

Follow native text, reasoning, and tool events as they arrive. Reconnect to active turns after refreshing.

Native Configuration

Use each harness's existing login, gateway, and settings, or select a Profile and model when starting a conversation.

Generated UI, Two Ways

Small interactive answers in the conversation, persistent tools in Canvas.

Inline UI4A

A ui4a/tsx block renders while its source streams. Components inherit the same theme as the app.

File Canvas

Files in .artifacts open in the side panel, with relative modules and persistent component state.