# Docs

- [Introduction](/docs): Macaron Artifacts is one local WebUI for Claude Code, Codex, OpenCode, pi, Hermes, and OpenClaw, where agent replies render as live UI4A interfaces.
- [Usage](/docs/usage): Install one macaron-artifacts package and choose Claude Code, Codex, OpenCode, pi, Hermes, or OpenClaw inside the unified WebUI.
- Architecture: The unified server, React WebUI, harness adapters, UI4A runtime, and package boundary.
  - [Overview](/docs/architecture/overview): One package, one server, one React WebUI, and six native harness adapters.
  - [Server](/docs/architecture/server): The Node server that owns sessions, Profiles, password access, pairing, artifacts, and native harness turns.
  - [Web](/docs/architecture/web): The shared React application for conversations, Profiles, Canvas, approvals, and themes.
  - [GenUI](/docs/architecture/genui): The UI4A runtime for progressive inline modules and persistent Canvas files.
  - [Harness adapters](/docs/architecture/codex): How native harnesses fit the shared server and WebUI contract.
  - [Packaging](/docs/architecture/packaging): One macaron-artifacts package, one CLI, and a prebuilt unified WebUI.