菜单
Use when designing filters for lists, tables, search results. Covers facet patterns (checkboxes, ranges, tags), the apply-filters-as-you-go vs apply-button decision.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill filter-and-faceting-ui命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | filter-and-faceting-ui |
| description | Use when designing filters for lists, tables, search results. Covers facet patterns (checkboxes, ranges, tags), the apply-filters-as-you-go vs apply-button decision. |
Filters narrow data fast. Done well, users find what they need in 2 clicks.
Checkbox (multi-select). Radio (single-select). Range slider (numbers, dates). Tag input (free-form). Toggle (boolean).
Apply-as-you-go (live filter on each click) for fast filtering. Apply-button when filter set is complex / expensive.
Show active filters above results as removable chips. 'Clear all' button.
Power users: save filter combinations as named views ('Drivers with expiring CDLs').
10 facets all expanded by default (overwhelming). No way to clear all. Apply button when single-click is faster. No saved views for repeat tasks.
Applied across the X3 Compass design system.