DOMicile AI-agent design system

Stop wasting
your time and your agents'.

DOMicile makes the page the conversation. Open it, click what's wrong, type six words, and the agent revises just that part. Same primitives, three languages.

Install
for your agent $ npx skills add zaco-tm/DOMicile -g copy
for your project $ npm install domicile-react react-dom copy

15 primitives 5 archetypes React · Astro · Rust MIT

DOMi, the DOMicile mascot

The loop

Four steps. No screenshots, no re-pastes. click → note → revise → done.

  1. 1

    Agent writes HTML

    A real page lands in your browser. The agent's primitives are the same ones your finished product will use.

  2. 2

    Click what's wrong

    You scan the page. Spot what's off. Click it — outline goes terracotta, comment form opens. Type a note.

  3. 3

    Revise just that part

    Not the whole page. Just the element. The note stays attached; resolve or reply.

  4. 4

    Ship it

    Say ship it. The agent hands you clean HTML — no rail, no chrome.

    Shipped
The whole point

The document is the conversation.

No screenshots, no re-pastes, no re-reading. The thing you're arguing about is the thing itself — and you can click on it.

What's in the box

A complete design system. 15 HTML primitives, 5 ready-made layouts, three native runtimes.

Archetypes

5 hover for all 5 →
dashboard
webapp-shell
mobile-app-shell

Primitives

15 hover for all 15 →
Button
Card
Form
Table
Nav
Modal
Alert
Badge

Languages

3
R
React
npm install domicile-react
A
Astro
npm install domicile-astro
R
Rust
cargo add domi-egui · WASM

Now go build.

One install. Three runtimes. The loop starts when you do.

Install
yourself
$ npx skills add zaco-tm/DOMicile -g copy
or tell your agent
Install the DOMicile design system from github.com/zaco-tm/DOMicile so you can use its primitives and the audit-rail loop when building UI for me. copy