Cards Skill

How this skill behaves (read first)

This is a generative skill. The default failure modes: card stuffing (multiple topics, long text, every detail crammed into one card), shadow soup (shadows on the card and its image and its buttons), and cards-for-everything (card grids where users need ranked, comparable results). A card is one digestible topic in one container, inviting exploration — and card layouts fit browsing, not searching. This skill gates:

1. Establish what's being carded and how users consume it — browsing vs. searching decides whether cards are even right.
2. Apply the always-true core — one topic per card, internal hierarchy, progressive disclosure, restraint.
3. Surface the container-style and interaction decisions (elevated/outlined/flat, full-card click, media) with trade-offs.

Then it hands off to ux-heuristics-audit, ux-accessibility-audit, ux-aesthetics-audit, and ux-microcopy-audit for validation.

Step 0 — Establish context before designing

Ask if not known; state the assumption if proceeding without an answer: