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 playground.* tables on SQL Server (MobiscrollDev).
Insert log — recent writes
Every playground.* 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 turn 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.
Generated events
Runs after planner — parsed events-spec → deterministic generator.
Planner selections
Recipe and API option *tokens* referenced in the planner brief.
Recipes
API options
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 (generated HTML — edit to interfere)
Raw LLM Request
Not run in this pipeline.
Raw LLM Response
Not run in this pipeline.
MCP Tool Usage
Not run in this pipeline.
Code Blueprint / Template editor
blueprint: agenda · calendar · scheduler · timelineEdit the canonical code blueprint, save it to the server, or load HTML into Sandpack with the button below. Opening this tab does not change the editor or preview.
Simulate planner pruning
Hover an option to preview its brief below. Check to prune. Jump chips above the blueprint list only the tokens in the current OPTIONS: line.
Step 1 → pick a component above
Click Button → Popup → a place — the rule is added automatically. Then Apply nesting.
Use case editor
edit test prompts — saved to server + this browserLoad 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…
Code recipes
reusable demo snippets the planner can reference as*token* — expanded into the build brief before the builder runs Collection
Recipes — 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
Event Generator
deterministic event data (correct ISO dates) — same function the pipeline uses post-plannerSpec
events-spec for the planner
The planner must emit this block in §7 for these settings (updates live).
Output