N° 01The code‑native design builder

Agents build.
You decide.

Design system, screens, flows and review, all inside your repository. Nothing ships until you approve it.

npx @auis/cli@latest my-product
See how it worksTry the demosStar on GitHub

Open source · MIT · Claude Code · Codex · Cursor

Fig. 01Head of a Ptolemaic queen, rendered from tokens.Marble, ca. 270–250 BCE · The Met
Marble head and torso of Athena, photographed against a dark background.
Fig. 02Athena, patron of craft.Marble, 1st–2nd c. CE · The Met

§ IThesis

Design used to be drawn in one place and built in another. Auis keeps it where the product already lives, in the code.

  1. I.The repository is the canvas.

  2. II.Agents work under rules.

  3. III.You keep the final word.

§ IIHow it works

Every step is a skill. The last one is yours.

auis-foundationStep 01 / 06

reference.png

globals.css

  • --canvas
  • --ink
  • --accent
  • --line
  • --radius
  • Aa--font-display
  • --space
  • --shadow-md

✓ 8 tokens written

A reference goes in. Color, type, spacing, radius and shadow come out as tokens.

A visual referencedesign tokens

§ IIIReview Mode

Say it on the screen. Watch it change.

Review Mode sits on top of your running app. Six ways to say what is wrong, one place to approve the fix.

localhost:3000/invoices
Thread · #1Draft

/invoices › button · Submit

Pin

Click any element. The comment anchors to it and remembers the route.

Claude · ceiling: Edit
  1. 1Mark
  2. 2Comment
  3. 3Agent works
  4. 4It changes
  5. 5You decide
Try it yourself →

Pin: Click any element. The comment anchors to it and remembers the route. Example: “This says nothing. Name the action.” addressed to Claude. Renamed the button to “New invoice”.

§ IVThe rulebook

Freedom for the agent. Rules for the system.

AGENTS.md is read before any file is touched.

Tokens are sacred.
ds:check flags every hardcoded value.
Reuse before you create.
A fixed lookup order comes first.
Everything is registered.
Styleguide, State Mode, UX Flows.
A session, condensed

Illustrative session. Your agent, your repository, your rules.

Fig. 03Exuberance on the surface. Discipline underneath.Gian Lorenzo Bernini, Bacchanal: A Faun Teased by Children, ca. 1616–17 · The Met

§ VIn the repository

Six rooms, one house.

Every skill and featureTry the demos
Fig. 04Constantine I, colossal head.Marble, ca. 325–370 CE · The Met

§ VIGet started

The marble is the code. The agent is the chisel. The judgement stays yours.

Two ways in.

A new product

One command: the template, the first commit, every surface working.

npx @auis/cli@latest my-product

An existing product

Adds Review to a Next.js App Router app. uninstall takes it back out.

npx @auis/cli@latest init

Node.js 20 or later. Full CLI reference