filter-sort-patterns
Installation
SKILL.md
Filter & Sort Patterns
Filter Types
| Type | Best For | Implementation |
|---|---|---|
| Checkbox | Multi-select categories | Expandable sections |
| Radio | Single-select | Expandable sections |
| Range slider | Price, rating, dates | Dual-thumb slider |
| Search | Large option lists | Searchable checkbox list |
| Toggle | Binary filters | Switch or chip |
Design Patterns
- Sidebar filters: Desktop, persistent alongside results
- Top bar filters: Horizontal chips/pills above results
- Filter modal: Mobile, full-screen or bottom sheet
- Applied filters: Show as removable chips above results