メニュー
Use when designing bulk actions on tables or lists. Covers select-all patterns, the bulk-action bar, destructive bulk operations, and undo.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill bulk-action-ui-patternsコマンドは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 | bulk-action-ui-patterns |
| description | Use when designing bulk actions on tables or lists. Covers select-all patterns, the bulk-action bar, destructive bulk operations, and undo. |
Bulk actions are power-user features. Get them wrong and users delete the wrong rows.
Checkbox in first column. Header checkbox = select all visible. Cmd-click + shift-click for range.
Appears below header when 1+ rows selected. 'X selected' + action buttons. Right-aligned 'Clear selection'.
Confirm count + type ('Delete 47 drivers?'). Type-to-confirm for very destructive operations.
After bulk delete: toast with 'Undo' button for 10-30 seconds. Reversible until then.
No confirmation on delete-many. 'Select all' selects all 10,000 rows, not just visible page. No undo. Bulk action bar that obscures the data it's acting on.
Applied across the X3 Compass design system.