6-step workflowsettings profile billing account preferences guided-flow App Builder

Settings/Billing Page

Build a real settings area: profile edits that persist, password change, plan display, and danger zone.

Run this as a guided flow on Flows — verify gates and recovery prompts included →

Flows@flows12d ago

0 runs0 forks0

Chain

Inputs

Step 1

flow-settings-billing-page-1-define-settings-sections

Step 2

flow-settings-billing-page-2-build-layout-and-profile-section

Step 3

flow-settings-billing-page-3-implement-password-change

Step 4

flow-settings-billing-page-4-implement-preferences

Step 5

flow-settings-billing-page-5-add-plan-display-and-danger-zone

Step 6

flow-settings-billing-page-6-settings-qa-pass

Final output

Workflow inputs

No inputs required — hit Run to stream each step in order.

Each step streams from its model and feeds the next. BYOK — you pay your provider directly. Add a key in Settings if a step needs one.

Step 1 · Inventory every setting and its backing field before building.

flow-settings-billing-page-1-define-settings-sections

Claude Sonnet 4.6→ {{step_1}}

Awaiting upstream steps…

Step 2 · Stand up the settings shell with the first real persisting section.

flow-settings-billing-page-2-build-layout-and-profile-section

Claude Sonnet 4.6→ {{step_2}}

Awaiting upstream steps…

Step 3 · Security controls must verify identity and truly rotate the credential.

flow-settings-billing-page-3-implement-password-change

Claude Sonnet 4.6→ {{step_3}}

Awaiting upstream steps…

Step 4 · Toggles must persist and actually affect the app.

flow-settings-billing-page-4-implement-preferences

Claude Sonnet 4.6→ {{step_4}}

Awaiting upstream steps…

Step 5 · Close the account loop: show the plan and make deletion real.

flow-settings-billing-page-5-add-plan-display-and-danger-zone

Claude Sonnet 4.6→ {{step_5}}

Awaiting upstream steps…

Step 6 · Verify every control persists and every risk path is safe.

flow-settings-billing-page-6-settings-qa-pass

Claude Sonnet 4.6→ {{step_6}}

Awaiting upstream steps…

About this workflow

Build a real settings area: profile edits that persist, password change, plan display, and danger zone.

What happens when you run it

1
Inventory every setting and its backing field before building.
Runs flow-settings-billing-page-1-define-settings-sections on Claude Sonnet 4.6
2
Stand up the settings shell with the first real persisting section.
Runs flow-settings-billing-page-2-build-layout-and-profile-section on Claude Sonnet 4.6
3
Security controls must verify identity and truly rotate the credential.
Runs flow-settings-billing-page-3-implement-password-change on Claude Sonnet 4.6
4
Toggles must persist and actually affect the app.
Runs flow-settings-billing-page-4-implement-preferences on Claude Sonnet 4.6
5
Close the account loop: show the plan and make deletion real.
Runs flow-settings-billing-page-5-add-plan-display-and-danger-zone on Claude Sonnet 4.6
6
Verify every control persists and every risk path is safe.
Runs flow-settings-billing-page-6-settings-qa-pass on Claude Sonnet 4.6

Best for

•Recurring tasks you currently copy-paste between tools.
•When a single prompt isn't enough — you need a chain where output(n) feeds prompt(n+1).
•Fork and adapt if your inputs differ materially from the author's use case.

Models used

Claude Sonnet 4.6