Menú
Badge design, tag systems, chip components, status indicators, and label patterns.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional 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-chip |
| description | Badge design, tag systems, chip components, status indicators, and label patterns. |
| triggers | ["badge","tag","chip","label","status indicator"] |
| Status | Color | Example |
|---|---|---|
| Success/Active | Green | "Published", "Online" |
| Warning/Pending | Yellow/Amber | "Under review", "Expiring" |
| Error/Failed | Red | "Failed", "Declined" |
| Info/Neutral | Blue/Gray | "Draft", "New" |
| Inactive | Gray | "Archived", "Disabled" |
Always pair color with text label. Never rely on color alone.
