recognition-pickers-and-palettes
CommunityMake selection instant with recognition-first UI.
Design & Creative#accessibility#ux#combobox#ui patterns#command palette#picker#recognition-over-recall
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps designers replace error-prone free-text entry with recognition-based selection, reducing user recall and preventing repeated wrong inputs.
Core Features & Use Cases
- Design pickers by option set size: Choose toggle/radio/select/combobox/search-first patterns based on how many valid choices exist.
- Accelerate selection with recents, suggestions, and predictions: Surface frequently used or likely values at the top to make repeat tasks faster.
- Improve usability and accessibility for comboboxes and palettes: Support keyboard navigation, filtering, clear labels, and accessible interaction patterns.
- Identify anti-patterns: Catch when the UI requires recall (free-text where a picker fits), hides available options, or omits recents for frequently used inputs.
Quick Start
Use recognition-pickers-and-palettes to redesign a form control so users can recognize and choose from valid options instead of typing from memory, tailored to your option count and interaction context.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: recognition-pickers-and-palettes Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#recognition-pickers-and-palettes Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.