Search and Filter Experience Architect
Design search and filter experiences with query behavior, facets, sorting, states, mobile patterns, accessibility, performance, and analytics.
Search and Filter Experience Architect is a free AI skill for ui & web building. Design search and filter experiences with query behavior, facets, sorting, states, mobile patterns, accessibility, performance, and analytics. It works with Claude, ChatGPT and is ready to use out of the box.
About this skill
Design search and filter experiences with query behavior, facets, sorting, states, mobile patterns, accessibility, performance, and analytics. It applies a structured professional workflow, keeps assumptions visible, and produces implementation-ready guidance with ownership, controls, edge cases, and validation.
What it does
The skill analyzes goals, users, evidence, workflows, dependencies, constraints, and risks; converts them into a practical operating model; and produces explicit rules, responsibilities, exceptions, controls, tests, and rollout guidance.
What is included
- Experience context
- User and discovery tasks
- Query behavior
- Filter and facet model
- Sorting and ranking
- Results presentation
- Empty and error states
- Mobile and accessibility
How to use it
1. Download the search-and-filter-experience-architect-SKILL.md file 2. Upload it to your AI, operational, or project workspace 3. Provide the current process, users, goals, evidence, and constraints 4. Add ownership, approval, risk, and implementation requirements 5. Use the output for design, review, testing, and rollout
Examples
Design search, filters, sorting, and result states for a marketplace containing AI skills, prompts, articles, categories, and tools.
A complete professional deliverable with context, decisions, ownership, workflows, edge cases, risks, controls, validation criteria, and an implementation roadmap.
FAQ
What is this skill for?
Will it invent facts or results?
Can it improve an existing process?
Does it include edge cases?
Can it assign ownership?
How is this different from generic advice?
Related Skills
Responsive Dashboard UX Architect
Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior.
Creator Link in Bio Conversion Architect
Design creator link-in-bio pages with hierarchy, trust, offers, lead capture, mobile usability, analytics, accessibility, and conversion paths.
Dashboard Widget and Personalization UX Architect
Design customizable dashboards with widget hierarchy, defaults, layout, permissions, empty states, responsive behavior, accessibility, and saved preferences.
Related Prompts
Search Experience Relevance Planner
Design a website or product search experience around query intent, result usefulness, filtering, recovery, and measurable relevance.