← all prompts
Build a settings page
Generates a typical app settings page (profile, password, notifications, danger zone).
Run
Prompt body
Build a complete settings page for {{product}} using the Zipstack canon (Base Styles + Litewind + Mini.js). {{notes}}
Sections to include:
1. Profile (name, email, avatar)
2. Password change form
3. Notification preferences (toggles)
4. Danger zone (delete account)
Rules:
- Use only Base Styles components and Litewind utilities. No custom CSS unless absolutely necessary.
- Use Mini.js (`<ui-state>`, `ui-click`, `ui-change`) for interactivity. No inline scripts.
- Use the `ui-form` family of components for forms, `ui-switch` for toggles.
Output ONLY the HTML body. No markdown fences.
SHA: 7ac11c1bfd7e0523bdfb3303f00d6775e5ff206189992a71c01e451c5026958e