Explain one core flow with a diagram

Create a standalone page from an automatically selected feature.

Prompts are available in English and Simplified Chinese. Showing English.

Explain one core flow with a diagram

Create a standalone page from an automatically selected feature.

References & what we used

Full prompt
Choose one core flow supported by this project's README and entry point. Trace at most eight relevant files without asking me to select a topic. Connect real inputs, branches, state changes and outputs; mark unknown links.

Produce self-contained HTML with an inline SVG diagram, plain-language explanation, node-to-file references and an example supported by code or tests. Label an illustrative example as such. Use system fonts, wrapping layouts and no external scripts, fonts or CDN resources.

Save under an unused filename if file writing is available, otherwise include the complete HTML in your reply. Preserve existing pages and do not launch browser tools.

Check the diagram against the code, HTML structure and external-resource references. State whether browser rendering remains unverified.

Execution contract:
Start directly. Do not ask me to approve a plan, choose files or fill in a template. Use only this project, this conversation and materials already provided; do not search unrelated projects or private history. Complete what the evidence supports and report missing inputs. If the task is inapplicable, explain why and stop without inventing a result.
Preserve existing files and uncommitted changes. Include complete proposed content in your reply; standalone artifacts may be saved under a new, unused filename. Do not install dependencies, change the environment, commit, push or deploy. Respect access and permission limits and report blocked work. Check your result once, deliver it and stop without asking whether to continue.