Atelier

In-memory demo

Workspace

Source files

Bundled fixtureBrowser memory · 4 files

✳

Room for the
“what if?”

Experiment 001v0.1

+Page 01

Sunday Studio/Desktop960 × 880

Refreshing preview

Select to design · Double-click to edit text

⌘

What catches your eye?

Select something on the canvas.
We’ll find where it lives in your code.

Vto select an element

↳

A smaller change is easier to understand.
Start with a detail you care about.

Groq API key

Open Groq Console and sign in.
Create an API key and copy it.
Paste it into the field below.

Kept only in React memory for this tab and sent only with your proposal request.

Describe your change

Groq / hosted

Small changes. Real code. Always reversible.

Made for a closer look.

From a click to a code change.

Five small steps. Every boundary has a reason.

Pick something real.

Sunday Studio is bundled with Atelier. Select mode highlights mapped HTML elements; Interact mode lets you use the fixture normally.

Follow the source.

Each supported element has a precomputed source identity. Atelier maps that identity to the virtual fixture source without sending workspace state to a server.

Describe the change.

Precomputed Graphify-style relationships provide a small context. Groq returns one bounded text or style proposal for the selected element.

Check, then decide.

Atelier validates the target and values in memory, updates the static preview, and can run fixture checks without executing project scripts.

Keep your bearings.

The diff shows the virtual source change. Undo and redo replay this tab’s in-memory history. Refresh restores the clean fixture.

Read docs/WALKTHROUGH.md for the file-by-file tour, and docs/DECISIONS.md for the tradeoffs and POC limits.

Review your experiment

0 files changedChecks needed

Changes

Your edits will appear here.

No changes yet

BeforeAfter

Fixture checks

Validate the bounded changes held in this browser tab.

Browse source

Virtual source for this tab. Refreshing Atelier restores the clean fixture.