# Cards

> Design and build the card system — hierarchy inside the card, one site-wide hover motif, image handling, and group layouts that refuse uniformity. Five named variants (media-top, icon-lede, stat, editorial, feature-object) with when-to-use, full interactive state coverage including card-as-link focus behavior, and rules for card groups that don't read as wallpaper. Invoke during the Build phase whenever a surface calls for cards — blog or case-study grids, service and feature cards, stat blocks, bento cells — or when the user says "the cards look generic", "make the cards interesting", or a grid of identical boxes is emerging.

## Facts
- Page: https://tashan.sh/capability/skill-blyatiful1-cards
- tashan id: skill:blyatiful1/cards
- Source: https://github.com/blyatiful1/ultraweb
- Type: skill
- Category: design
- tashan score: not scored (catalogued only — too little public evidence)
- Adoption: 9.0
- Upkeep: 99.0
- Freshness: 97.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: not yet graded
- License: MIT
- Official: no

## Install

```sh
cp -r cards ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-08-23 by tashan (https://tashan.sh) from public evidence. Scorer s5.