Current setupReady
Preview
Build a tool-site page step by step
Input, result, and recovery path appear after generation
{}
{}
{}
ToolSiteCore Studio
Build a tool-site page step by step
The guide keeps task steps first and downshifts low-frequency explanation.
Choose Site PackPick template / themeGenerate pagePreviewValidatePrepare package
One job on this screen
Confirm the defaults, then generate a previewable page. Advanced settings and logs stay collapsed.
Main flow
From setup to preview without making the user read instructions
The page keeps the current action visible; low-frequency settings move to tabs or detail panels.
Starter Tool Site selected
Default template produces a preview
Result first, explanation second
Template / theme
Real tabs: only the active setup is visible
Template, theme, and field setup are no longer stacked.
Tool page template
Input, result, recovery, and workspace handoff.
Selected
Problem page template
Symptoms, causes, checks, and recommended tool.
Available
Default theme
Unifies buttons, cards, forms, tables, drawers, and mobile actions.
01
Page section
Task framing
This block is kept inside the template slot and does not crowd the first screen.
02
Page section
Steps
This block is kept inside the template slot and does not crowd the first screen.
03
Page section
Common mistakes
This block is kept inside the template slot and does not crowd the first screen.
04
Page section
Recommended tools
This block is kept inside the template slot and does not crowd the first screen.
05
Page section
Recommended workspace
This block is kept inside the template slot and does not crowd the first screen.
06
Page section
FAQ
This block is kept inside the template slot and does not crowd the first screen.
07
Page section
Call to action
This block is kept inside the template slot and does not crowd the first screen.
Generate first, then inspect the page
The preview starts as waiting, then shows the generated page and the next step.
Build a tool-site page step by step
Waiting
Confirm the task above, then generate the preview.
Validation appears after generation
| Check | Status | Next |
|---|---|---|
| First-screen task | Waiting | Generate preview |
| Main action | Waiting | Continue after generation |
| Mobile action | Waiting | Sticky action synced |
State and recovery
Empty, failed, and success states all show the next step
No new feature is added; every state becomes recoverable and actionable.
When empty, explain why first
Defaults are preselected; if input is empty, the page explains why and offers an example or template choice.
Failure explains cause and next step
- Symptom
- Show what is blocked
- Possible causes
- Missing input, template mismatch, or browser limit
- Next step
- Fix input, switch template, or open recovery page
After success, continue the work chain
After preview, the next action is save context, inspect validation, or move to export step.
Save and validatePartly done lists what remains
When the generated page works but an optional signal is missing, mark partial success and show remaining work.
Advanced details
Configuration, logs, and system details stay collapsed
The main page keeps generation and validation first; advanced information opens only on demand.
Starter Tool Site selected
Tool page template selected
Default theme selected
Run log and system status stay here
Component panel
Weak ad slot: only after related paths, outside the main task.