Menus: AI Skill for UX Design
Menus is an AI skill that turns action sets into ordered, grouped menus with conventional labels. It picks the right menu type and flags deep nesting as a flow problem, not a styling one.
npx skills add Uxcel-Lab/product-skills --skill ux-menus
What this skill does
Helps an AI assistant turn action sets into ordered, grouped menus instead of catch-all dropdowns and deep nesting.
- Establishes whether items trigger commands or select values before picking a type.
- Picks the menu type from the structure of the choice: dropdown, multiselect, search, contextual, or inline.
- Puts most-used items at the top and clusters related ones with dividers.
- Writes short, conventional labels with familiar icons only.
- Designs hover, focus, selected, and disabled states for every item.
- Sizes items at 48x48px or larger with comfortable padding.
- Gates cascading levels, contextual menus, and in-menu search as choices with trade-offs.
When to use it
Use it when you need an AI assistant to:
- organize a set of actions into a menu;
- pick the right menu type for a choice;
- order, group, and label menu items;
- design an overflow menu for tables or lists;
- decide whether a cascading or contextual menu fits;
- review a menu for scannability and depth.
Decisions this skill helps you make
| Decision | Options |
|---|---|
| Cascading menu | One child level maximum, restructure the flow if it grows |
| Contextual menu | A desktop accelerator, every action also visibly reachable |
| Search in the menu | Add when the list exceeds a couple of scroll-turns |
| Keyboard shortcuts | Standard shortcuts on common commands, shown in the menu |
| Multiselect pattern | Checkboxes or tags, selections removable in place |
| Inline overflow menus | Primary row action visible, secondary actions behind the dots |
How the skill works
1
Establish the actions
The skill checks whether items trigger commands or select values, how related they are, and the platform.
2
Apply the core
It picks the menu type, puts most-used items first, groups with dividers, and writes conventional labels.
3
Surface trade-offs
It presents cascading levels, contextual menus, in-menu search, and shortcuts as choices with trade-offs.
Try it with
Related skills
1.0.0
MIT
UX Design
Components
