recognition-pickers-and-palettes

Community

Make selection instant with recognition-first UI.

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.