メニュー
Use when designing sortable / groupable tables and lists. Covers click-to-sort patterns, multi-column sort, grouping by category, and visual indicators.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill sorting-and-grouping-uiコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when designing 404 pages and the broader empty-state pattern library. Covers tone, illustration, search recovery, and the difference between 'no data yet' and 'this URL doesn't exist'.
Use when designing A/B tests. Covers hypothesis-driven testing, sample-size calculation, the test-design template, and the cultural rituals that make testing productive.
Use when shipping any user-facing UI. Covers the non-negotiable accessibility baseline: contrast, focus states, semantic HTML, keyboard navigation, screen-reader support, motion preferences. The minimum to avoid embarrassment and ADA risk.
SOC 職業分類に基づく
SKILL.md を表示中
| name | sorting-and-grouping-ui |
| description | Use when designing sortable / groupable tables and lists. Covers click-to-sort patterns, multi-column sort, grouping by category, and visual indicators. |
Sort + group transforms a table from data dump to dashboard.
Click column header sorts asc. Click again desc. Click third reverts to default. Visible indicator (arrow up/down).
Shift-click adds secondary sort. Display order: 1st, 2nd, 3rd sort columns indicated.
Pick the most common useful sort. Show indicator that this is the default.
By column value. Group headers collapsible. Aggregate row (count, sum, average) at top of group.
No sort indicator. Inconsistent default sort (different tables sort differently for same data). Multi-sort hidden / unintuitive. No group totals.
Applied across the X3 Compass design system.