ワンクリックで
badge-tag-patterns
Badge, tag, chip, and label component design for status indication and categorization.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Badge, tag, chip, and label component design for status indication and categorization.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
A/B test design, experiment setup, variant design, and statistical analysis for designers.
Advanced accessibility patterns including ARIA, screen reader optimization, cognitive accessibility, and motor impairment design.
WCAG compliance deep dive, screen reader patterns, keyboard navigation, and inclusive design.
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.
Designing AI-powered features, managing user expectations, and AI transparency.
Using analytics tools for design decisions, behavioral analysis, and data-informed design.
| name | badge-tag-patterns |
| description | Badge, tag, chip, and label component design for status indication and categorization. |
| triggers | ["badge","tag","chip","label","status"] |
| Type | Purpose | Example |
|---|---|---|
| Count badge | Quantity indicator | Notification count (5) |
| Status badge | State indicator | Active, Inactive, Pending |
| Label/Tag | Categorization | "Design," "Engineering" |
| Chip | Filterable selection | Selected filters, recipients |