AI prompt for JSON
Flow-first system prompt grounded in the current Advance Builder schema. Copy into Claude, ChatGPT, or Gemini to generate importable snapshot JSON.
A full system prompt grounded in the current page-builder schema (PageDocument, flow layout, code panel, action chains). Copy it into Claude, ChatGPT, or Gemini, fill in your requirements at the top, then paste the returned JSON via toolbar Paste snapshot JSON.
How to import
- Open Application Builder designer → toolbar Paste snapshot JSON.
- Paste AI output → confirm → fix asset IDs (Data Grid, Report, Flow) in Inspector → Save.
Tip: Use Copy snapshot JSON on an existing design and ask the AI to modify it — best results for complex apps.
What to fill in at the top
| Field | Example |
|---|---|
| Layout | FLOW (default for new work) |
| Data mode | STATIC (demo data in page/globals variables) or MPILOT-BACKED |
| Type | APPLICATION |
| Name | Recreation Booking Portal |
| Slug | recreation-demo |
| Screens | Home (""), Site Detail (site/:id), Contact (contact) |
What this prompt covers
- Flow-first document settings (
layoutEngine: "flow") and container flex layout - Application shell rules (one
outlet,meta.application, globals vs page code) - Registered component types (prefer
selectableCard, avoidcalendarOs) - Code panel: variables, computed, functions, queries (
.loading), watchers, lifecycle - Action chains and expression sandbox helpers
- Tier A (snapshot-only) vs Tier B (
meta.platformSetup) prerequisites - Sophisticated patterns from real snapshots: visual polish, nav shell, filtered card grids, stepper wizards, modal detail, query loading UX, large-app screen-by-screen workflow
- Minimal valid page/app examples and a pre-return checklist
System prompt (copy all)
Loading system prompt…