design-a-filtering-interface
Design filters that expose available dimensions, current constraints, result effects, and reversible changes. Use when users narrow a large collection through multiple attributes.
来源信息
- 仓库
- protosphinx/sphinxstack
- 最近来源活动
- 2026年7月29日 13:55
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 3
- Forks
- 0
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
2 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- design-a-filtering-interface
- category
- design
- description
- Design filters that expose available dimensions, current constraints, result effects, and reversible changes. Use when users narrow a large collection through multiple attributes.
# design-a-filtering-interface
Keep applied constraints visible and preserve the user's place while results change.
## Procedure
1. Identify user decisions, filter dimensions, values, dependencies, and data freshness.
2. Choose single, multiple, range, hierarchy, date, or text controls to match semantics.
3. Show selected state, result count, unavailable values, and clear-all behavior.
4. Define immediate versus explicit apply, batching, loading, and cancellation.
5. Preserve shareable URL, back navigation, defaults, and session restoration where appropriate.
6. Support keyboard, focus, labels, announcements, zoom, and mobile overflow.
7. Distinguish zero results, no data, permission limits, and errors.
8. Test combinations, dependent values, stale links, large option sets, and removal.
9. Measure task completion and abandoned or contradictory combinations.
## Guardrails
- Do not hide applied filters in an unlabeled icon.
- Avoid counts that reveal unauthorized data.
- Never reset unrelated choices without explaining the change.
## Done
- A filter behavior specification covers states, combinations, and navigation
- Desktop, mobile, keyboard, and zero-result paths are tested
- URL and visible filter state reconcile after navigation
在 GitHub 查看