recursica-skill-badges-chips

What problem does it solve? Designers and AI agents often misuse badges and chips — making status interactive, stacking multiple badges on one object, or scattering heavy badges across dense screens. This Skill encodes opinionated house rules so every status, count, tag, and filter element uses the right component in the right position. ## Core Features & Use Cases - Badge vs. chip decision rules: Interactivity and cardinality determine the component — badges are read-only status, chips handle selection, and one object carries at most one badge. - Placement guidance: Covers table columns, cards, tabs, headings, and sidebar navigation, including the sentence rule (object first, status immediately after). - Density, error, and keyboard constraints: Prefers badges in data-dense views, forbids chips for errors, and defines focus behavior for static badges versus interactive chips. - Use Case: When building a filter bar or labeling table rows with account status, consult this Skill to decide whether each element is a badge, a chip, or just an icon — and where it belongs. ## Quick Start Ask the agent to review your screen design and decide whether each status label, tag, or filter element should be a badge, a chip, or an icon.