What problem does it solve?
Users who search rather than browse often hit friction: vague inputs, poor ranking, dead-end zero-results pages, and missing filters. This Skill gives designers a structured playbook for building search experiences that help users find what they need with minimal effort.
Core Features & Use Cases
- Search Entry Design: Guidance on placeholder text, input width, autocomplete suggestions, recent searches, and search-as-navigation patterns.
- Results and Refinement: Layout patterns (list, grid, grouped), result item anatomy, ranking signals, faceted filtering, and visible applied filters.
- Zero-Results Recovery: Concrete patterns for typo suggestions, related terms, and alternative paths so a failed search never becomes a dead end.
- Use Case: A designer building search for an e-commerce app uses this Skill to spec the autocomplete behavior, design the zero-results state with category suggestions, and define which search analytics to track after launch.
Quick Start
Ask the AI to design the search experience for your product, covering the input, autocomplete, results layout, filters, and zero-results state.
