Settings: AI Skill for UX Design
Settings is an AI skill that designs preference pages users get in and out of fast: grouped options ordered by frequency, plain labels, destructive actions last, and a save model with clear feedback.
npx skills add Uxcel-Lab/product-skills --skill ux-settings
What this skill does
Helps an AI assistant design settings pages where users change one thing and leave, with clear save feedback.
- Keeps only real preferences on the page, never stray links.
- Groups related settings with headings and white space.
- Orders options by how often users change them, with advanced ones disclosed on request.
- Writes plain-language labels with short helper text beside each control.
- Shows each setting's current status so users review without drilling in.
- Places destructive actions last, set apart by color and space.
- Gives clear save feedback: disabled, active, loading, then a success toast.
- Matches autosave or explicit Save to the change and the platform.
When to use it
Use it when you need an AI assistant to:
- design a settings or preferences page;
- choose between autosave and an explicit Save button;
- group and order a long list of options;
- write labels and helper text for controls;
- protect sensitive changes with confirmation or 2FA;
- handle app permissions that live in OS settings;
- review a settings screen users get lost in.
Decisions this skill helps you make
| Decision | Options |
|---|---|
| Save model | Autosave for atomic toggles; explicit Save for grouped or sensitive edits |
| Search | Add once scrolling or sub-menus appear, after minimizing options first |
| Advanced split | Common settings visible to all, expert options behind a disclosure |
| Confirmation | Confirm plus 2FA for sensitive or destructive changes, none for trivial toggles |
| Dialog wording | Specific heading plus action-word buttons like Leave, Stay, Delete |
| OS permissions | Manage what you can in-app, explain why, and route to system settings |
| Defaults | Research-backed and matched to what most users expect |
How the skill works
1
Establish scale
The skill identifies how many settings, the platform, and whether sensitive data is involved.
2
Apply the core
It groups options, orders by frequency, shows current status, and puts destructive actions last.
3
Surface trade-offs
It presents autosave vs. Save, search, and confirmation levels as choices with trade-offs.
Try it with
Related skills
1.0.0
MIT
UX Design
Screens
