Proposal first
The agent says what it will change and in which files. Nothing is written until you click Apply.
Ask for the change.
Check it before it lands.
Describe what you want in plain words. The agent changes the site's own code with your design system, and shows you a proposal first. Nothing changes until you apply it.
- In your styleYour sections, components and tokens come first.
- Review and undoA proposal with the code changes, and one step back.
- CreditsYou see the price before you send.
Home page300Add a pricing section with three plansAdd section · 50 credits, 3 revisions included
Proposal
New section · PricingThree plans side by side, each with a price, what's included and a button. Below the hero.
src/components/sections/Pricing.astrosrc/pages/index.astroShow code changesApplyReject−50 creditsOne step to undo
Apply is a single step in the history. ⌘Z takes it back.
Price before you send
The price line shows what a request costs in credits before it leaves.
In your styleIt builds from your site.
It builds from your site.
Not from a blank page.
The agent reuses what the site already has: your sections and components first, then an adapted version, and only then something new.
Design17 colors · 3 buttons
Colorsplum#452053pink#f67ee3ink#15121aButtonsAccent · 42 on all 7 pagesYour design system
Colors, fonts and spacing come from the site's tokens, so a new section looks like the rest of the site.
Design system in the docsScopeHero titleyour selectionHerothe sectionHome pagethe pageWhole siteevery page
As wide as you say
The scope starts at what you selected. One click widens it to the section, the page or the whole site.
Review and undoA proposal first.
A proposal first.
Then one click.
The agent answers with a proposal card: what it will change, and in which part of the site. Open the details to read the exact code changes.
src/pages/index.astro+2
import Hero from "../components/sections/Hero.astro";+ import Pricing from "../components/sections/Pricing.astro"; --- <Hero />+ <Pricing /> <Hardpart />Read the code changes
Details list the files the agent touches and the diff for each one. The result is ordinary Astro code in your site.
HistoryVersions as you edit and publish
26 Sept, 13:29· Published · current26 Sept, 12:53· Published26 Sept, 11:30· PublishedRestore the version from 26 Sept, 11:30? The current one stays in the history.CancelRestoreTake it back
Apply is one step and ⌘Z undoes it. Reject asks why, and the agent can try again with your note.
Questions
Does the agent change my site right away?
No. It answers with a proposal first. Nothing on the site changes until you click Apply, and Apply is one step that ⌘Z takes back.
Will it stick to my design?
It reuses what the site already has: your sections and components first, then an adapted version, and only then something new. Always with your design tokens.
What does a request cost?
The price line above the levels shows the cost in credits before you send. A paid edit includes a few follow-up revisions of the same thing.
Where do credits come from?
Every workspace starts with 100 credits. Each live site adds 300 a month, shared across the workspace, and you can top up any time.
Can I see the code it writes?
Yes. Open Details on the proposal and Show code changes for the exact diff of each file. The result is ordinary Astro code in your site.
Try it on your own site.
One page is free.
Same design, rebuilt as real code. Then ask the agent for the next section.