Free generation limit reached
You have used your free AI Builder generations for today. Start a Mobiscroll free trial to keep building demos.
Assistant
Please explain your use case and what you want to build. Include details like user flow, key features, and preferred layout, and I will generate a runnable demo for you.
<!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="/styles.css" /> </head> <body> <h1>Hello world</h1> </body> </html>
Database — playground tables
Read-only view of the dbo.Builder* tables on SQL Server (MobiscrollDev).
Insert log — recent writes
Every dbo.Builder* write attempt since the server started, newest first, including failures with the SQL error. Generate a demo, then Refresh.
Public builder config
Edits auto-save as a local draft. Save publishes to the database. Restore reloads the last saved DB values (overwrites the local draft).
Pipeline stages & models
| Stage | Enabled | Provider | Model | Caching | MCP |
|---|---|---|---|---|---|
| Clarifier | |||||
| Planner | |||||
| Builder |
Prompt version
Auto-fix on runtime error
Builder query limits
0 = unlimited for that tier. One generation = the full Clarifier → Planner → Builder flow that produces a demo. Clarifier Q&A rounds do not count; each follow-up edit counts as another generation.
Planner feed
Token budget (character-based) and chunk list for the planner catalog. Health badge on the planner system message shows loaded/total coverage.
Demo scaffolds
Per-framework builder scaffold — the runnable shell the
*scaffold* token expands into. Lives in
AIPlayground/config/scaffolds/; edits save to file.
Planner catalog — API options
Component → option toggles for the planner · fromapi_options table Component — from DB
Options — by kind
Expansion tester
Imported API Options
Imported from the Mobiscroll MCP schemas (single source of truth).
Usage limits
Builder query usage, client identifiers, and auth events in one view.
Clarifier
Planner
Builder
Pipeline log — load a session from the Sessions tab, then pick a generation above to view its output.
Max attempts on runtime error (0 = disabled).
Auto-fix model
Provider and model used for Fix now and automatic retries (independent from the Builder stage).
Runtime Errors
No runtime errors detected.
Console Errors
No console errors.
Injected error handler
Auto-fix call log
Last 3 attemptsNo auto-fix attempts yet.
System Prompt (instructions)
User Message (input)
Step 0 — Clarifier
questionsStep 1 — Planner
User Message (request + context)
Not run in this pipeline.
Response (recipes expanded)
Grey blocks = expanded recipe inserts from the DB.
Planner selections
Recipe and API option *tokens* referenced in the planner brief.
Recipes
API options
Common
Planner logs — what the plan could not map onto the catalogs
Raw LLM Request
Not run in this pipeline.
Raw LLM Response
Not run in this pipeline.
MCP Tool Usage
Not run in this pipeline.
Step 2 — Builder
User Message (request + context)
Not run in this pipeline.
Response (original — before data injection; edit to interfere)
Response (after data injection)
Not run in this pipeline.
Generated events & resources
Runs after the Builder — composes a data-spec → merges under the admin default → deterministic generator.
Builder logs
What the build could not implement as plannedRaw LLM Request
Not run in this pipeline.
Raw LLM Response
Not run in this pipeline.
MCP Tool Usage
Not run in this pipeline.
Use case editor
edit test prompts — saved to server + this browserExpected values live in the Test tab. Open a session there and edit each test's Expected panel beside the result it produced — they used to be in two places, which is exactly what made both of them easy to forget.
Load a shared session
paste the id a customer copied from the "Share" button on /builderLoads straight into the chat and Sandpack preview above — same as loading a saved use case.
Recent sessions
- Open this tab to load recent sessions…
Test
five checks over one generated demo — what the plan selected, and what the build actually emitted
Search the code the builder actually emitted, across every generation.
Token mode is anchored — the identifier must sit where an API is used
(dragToMove:,
[dragToMove]=,
:drag-to-move=), not merely appear in a comment or a
string. Regex mode is raw, for everything the catalog has no name for.
- Enter a token or pattern above.
Coverage, inverted. Every other view asks whether one demo is right; this asks which catalog entries the pipeline has never once emitted. An API option that appears in no generated demo, or a recipe the planner never cites, is either undiscoverable or broken — and no amount of per-run scoring will ever surface it.
What no static check can see. Every check in the pipeline reads code; none of them can tell that the resource filter select does not open. A note is the record of a person looking at the demo — and the area tag is what makes six notes into one finding: “the select is broken” said about six different cases is a systemic defect, the same count on one case is one bad demo.
A note that keeps recurring is a check waiting to be written. When you write it, set the note's
checkId — that closes the loop, and
?format=agent turns the open set into a work order an
agent can consume.
By area — across cases
- Open this tab to load recent runs…
Loading checks…
Recipes & design
code recipes and design-system parts the planner can reference as*token* — expanded into the build brief before the builder runs Code recipes
Collection
Recipes — in catalog
Design system parts
Collection
Parts — in catalog
Expansion tester
Demo test
click a demo to auto-load Sandpack + translated sourceLoading a demo into Sandpack also adopts it as the follow-up base (PoC) — switch to chat and describe a change.
Category
Component
Demos
Data Generation
deterministic event + resource data (correct ISO dates) — same function the pipeline uses post-builderSpec
Recurring rules (JSON array, optional)
Options
one row per field in the Builder Prompt Sample — edit and Save a description, or Reset it to defaultBuilder Prompt Sample
Data Generation Defaults
Output
⚠ spec changed since last generate — click "Generate events" to refreshmyEvents
myResources