Edit your UI where it lives

A staging buffer between your hands and the file system. Click an element, change it, apply. Claude Code writes to source.

// features

Inspect your UI Click an element, change it. Spacing, radius, color, type, copy. Previews instantly, no rebuild, source untouched until you apply.

Send
Snaps to your existing tokens Reads design tokens and primitives from Tailwind, CSS variables, or theme files. Picks from your scale by default. Accepts raw values when you need them.

padding12px

--space-28px

--space-312px

--space-416px

--space-524px
Trust loop with Claude Code Edits stream over MCP as structured intents, not prose. Claude verifies the change against your codebase, you review the diff, nothing writes without your approval.

CORTEX PANEL

button

padding412

radius4

claude code
readProjectCard.tsx - py-5 + py-4
See the actual diff Every change surfaces as a unified diff against your source. Review, approve, or discard before anything writes to disk.
components/ProjectCard.tsxL14
```
  <div className="rounded-lg px-6 py-5">-   <h3 className="text-xl font-semibold">+   <h3 className="text-lg font-semibold">      {project.name}
```
Stack agnostic Detects your bundler, styles, and template format. Writes back in the conventions each one expects: Tailwind class order, CSS Module imports, CSS variables.

BUNDLERS
Vite Webpack Next.js

STYLES
Tailwind CSS Modules CSS-in-JS Plain CSS

TEMPLATES
JSX / TSX Vue SFC Svelte HTML

// hotkeys

// install