Build an editable website with a coding agent
Can an AI coding agent build a website you can still edit visually?
Yes, if the agent creates native Pagiera document elements instead of a separate hardcoded page. The package ships an AGENTS.md integration guide for exactly this. A document produced that way can be saved, opened in the visual editor, previewed and published like any other page — which is what keeps the result editable after the agent finishes.
Key points
- The package includes an AGENTS.md guide written for coding agents.
- Ask for native Pagiera document elements — a hardcoded page is not editable in the canvas.
- Agent output goes through the same save, preview and publish workflow as hand-designed pages.
- In-editor AI proposals are reviewed before they are applied; nothing changes silently.
The instruction that changes the outcome
The difference between a page you can keep editing and a page you have to rebuild is a single instruction. Ask the agent to create native Pagiera document elements. If it writes a React component with hardcoded markup instead, the visual canvas has nothing to edit — the design lives in code the editor does not own.
- Point the agent at /docs/agents, which renders the package's AGENTS.md.
- Name the outcome: an editable document, not a static page component.
- Let the agent save a draft, then review it in the editor before publishing.
How in-editor AI edits differ
Inside the editor, Luma works on a target you choose: select a layer, or mention it with @. It proposes text, style, hover and element changes and shows the old and new values, so you approve the change rather than discover it.
| Step | What happens |
|---|---|
| Target | You select a layer or reference one with @. |
| Propose | The change is described with before and after values. |
| Apply | Nothing touches the page until you accept it. |
NoteAI generation requires an OpenRouter key, and the supported operations depend on the version you installed. Breakpoint-targeted requests are limited to supported layout updates.
Frequently asked questions
Can an AI coding agent design an editable Pagiera website?
Yes. The package includes an AGENTS.md integration guide for coding agents. Ask your agent to create native Pagiera document elements rather than a separate hardcoded page. The resulting document can be saved, opened in the visual editor, previewed and published.
Do AI edits apply automatically?
No. Supported requests are proposed with their old and new values so you can review them, and the existing page stays in place until you apply the change.
Is an API key required for AI features?
AI generation requires an OpenRouter key. The rest of the editor — canvas, components, layouts, data binding and publishing — works without one.
