Settings design
Skill Dragoon0x/everything-design-taste/skills/settings-design
Settings page architecture, preference organization, toggle patterns, and configuration UX.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill settings-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.4 KB, 270 tokens by cl100k_base, as published. Nobody here has run it
Settings Design
Organization
Group by Domain
- Account (profile, email, password)
- Appearance (theme, language, density)
- Notifications (email, push, in-app)
- Privacy & Security (2FA, data, permissions)
- Integrations (connected apps, API)
- Billing (plan, payment, invoices)
Navigation
- Sidebar with sections on desktop.
- Stacked list on mobile.
- Search within settings for 20+ options.
Patterns
- Toggles for on/off binary choices. Apply immediately, no save button.
- Radio groups for mutually exclusive options (theme: light/dark/system).
- Dropdowns for 4+ options in a list.
- Save button only when changes are complex and need review before applying.
Feedback
- Confirmation after saving: inline "Saved" text, not a modal.
- Preview for visual changes (theme, layout) before committing.
- Undo for accidental changes.
- Warning before destructive settings (delete account, revoke access).
Anti-Patterns
- Settings that require a page reload to take effect (apply instantly).
- Nested settings pages more than 2 levels deep.
- Toggle labels that don't clearly state what on/off means.
- "Advanced settings" that contain commonly needed options.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.