design-arsenallisted
Install: claude install-skill shashidharbabu/claude-design-skills
# Design Arsenal
A router, not a tool. Twenty-one skills live in this lab; each owns one tool or
practice. This skill owns the map between them and the order they compose in
when the job is a whole design system rather than a single asset.
## The roster
| Need | Skill | What it yields |
|---|---|---|
| Visual direction / moodboard | `cosmos` | Reference → named decisions loop |
| Hero-section direction | `supahero` | Hero anatomy catalog + adaptation |
| "Does this read current?" | `recent-design` | Trend triage: adopt / adapt / skip |
| Case-study / showcase narrative | `pafolios` | Narrative spine for showcase pages |
| Logo direction (real-world refs) | `logosystem` | 1,300+ real logo systems, faceted |
| Logo generation (fast, cheap) | `logoai` | AI logo + brand kit, paid download |
| Free fonts, safely | `bestfreefonts` | Licensed fonts + next/font hosting |
| Font pairings / style database | `ui-ux-pro-max` | Curated pairing + palette data |
| Brand color → full scale | `uicolors` | Tailwind 50–950 scale from one hex |
| Chart / dashboard color | `dataviz` | Validated viz palette method |
| Component base | `shadcn` | CLI/registry mechanics, token remap |
| Animated spectacle components | `componentry` | ~60 MIT registry components |
| Animation primitives | `motion-primitives` | Text reveals, tickers, marquees |
| Motion direction / choreography | `motionsites` | Preview → framer-motion translation |
| Designer-authored animation | `jitter` | MP4/GIF/Lottie exports