Current setupReady
Preview
Choose template and theme
Input, result, and recovery path appear after generation
{}
{}
{}
ToolSiteCore Studio
Choose template and theme
Use real tabs for template, theme, and fields so setup is not stacked.
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
Description
This block is kept inside the template slot and does not crowd the first screen.
02
Page section
Featured tools
This block is kept inside the template slot and does not crowd the first screen.
03
Page section
Problem links
This block is kept inside the template slot and does not crowd the first screen.
04
Page section
Guide links
This block is kept inside the template slot and does not crowd the first screen.
05
Page section
Blog links
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.
08
Page section
Weak ad slot
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.
Choose template and theme
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.