# Skills for Design

Skills for Design: what each one does, an install command and example prompts.

2133 cards · page 54 of 54

- HTML: https://affpapa.org/en/nevibecode/skills/topic/design?page=54
- Instructions for agents: https://affpapa.org/en/nevibecode/agents.md

- [game-audio-director](https://affpapa.org/en/nevibecode/skills/game-audio-director.md) — skill · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — This skill turns your AI agent into a game audio director.
- [game-art-director](https://affpapa.org/en/nevibecode/skills/game-art-director.md) — skill · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — This skill shapes a game’s visual language through style guides, references, palettes, silhouettes, and asset rules.
- [game-accessibility-specialist](https://affpapa.org/en/nevibecode/skills/game-accessibility-specialist.md) — skill · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — A skill that handles game accessibility work: remappable controls, colorblind modes, screen reader support, EAA and CVAA compliance.
- [research-slide-design](https://affpapa.org/en/nevibecode/skills/research-slide-design.md) — skill · hanhuark · Claude Code, Codex, Cursor +3 · ★ 22 — This skill shapes technical talks and posters around clear visual claims and a logical slide sequence.
- [research-schematic-design](https://affpapa.org/en/nevibecode/skills/research-schematic-design.md) — skill · hanhuark · Claude Code, Codex, Cursor +3 · ★ 22 — Turns a figure request into a technical brief, then builds an editable vector schematic with exact labels and units.
- [user-interview](https://affpapa.org/en/nevibecode/skills/user-interview.md) — skill · haabe · Claude Code, Codex, Cursor +3 · ★ 47 — Guides story-based interviews about what people have actually done, then helps capture findings through a JTBD lens.
- [usability-check](https://affpapa.org/en/nevibecode/skills/usability-check.md) — skill · haabe · Claude Code, Codex, Cursor +3 · ★ 47 — Runs a screen-level usability review against Nielsen's 10 heuristics and returns a pass/partial/fail table, useful before calling UI work done.
- [ost-builder](https://affpapa.org/en/nevibecode/skills/ost-builder.md) — skill · haabe · Claude Code, Codex, Cursor +3 · ★ 47 — This skill builds or updates an Opportunity Solution Tree from research evidence.
- [harms-check](https://affpapa.org/en/nevibecode/skills/harms-check.md) — skill · haabe · Claude Code, Codex, Cursor +3 · ★ 47 — A skill that scans a user-facing product for deceptive patterns and foreseeable misuse before release, the harms that security and privacy gates don't look for.
- [ux](https://affpapa.org/en/nevibecode/skills/rainmanjam-ux.md) — skill · rainmanjam · Claude Code, Codex, Cursor +3 · ★ 24 — Tells the agent how to split a screen into components, pick a state owner and keep markup away from business rules.
- [design](https://affpapa.org/en/nevibecode/skills/design-2.md) — skill · rainmanjam · Claude Code, Codex, Cursor +3 · ★ 24 — Use it to shape an interface, module, schema, or type before other code depends on it.
- [ux](https://affpapa.org/en/nevibecode/skills/ux.md) — skill · rainmanjam · Claude Code, Codex, Cursor +3 · ★ 24 — A skill for building screens where users cannot make a costly mistake: forms, deletes, bulk actions, checkout.
- [deliberation](https://affpapa.org/en/nevibecode/skills/deliberation.md) — skill · chrono-meta · Claude Code, Codex, Cursor +3 · ★ 30 — This skill puts a proposal through critique and synthesis, producing a conditional verdict.

## Refine
[ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [animation](https://affpapa.org/en/nevibecode/tag/animation.md) · [css](https://affpapa.org/en/nevibecode/tag/css.md) · [design-system](https://affpapa.org/en/nevibecode/tag/design-system.md) · [accessibility](https://affpapa.org/en/nevibecode/tag/accessibility.md) · [react](https://affpapa.org/en/nevibecode/tag/react.md) · [ux](https://affpapa.org/en/nevibecode/tag/ux.md) · [image-generation](https://affpapa.org/en/nevibecode/tag/image-generation.md) · [tailwind](https://affpapa.org/en/nevibecode/tag/tailwind.md) · [typography](https://affpapa.org/en/nevibecode/tag/typography.md) · [html](https://affpapa.org/en/nevibecode/tag/html.md) · [design-tokens](https://affpapa.org/en/nevibecode/tag/design-tokens.md)

## Narrow this list
Parameters: `?platform=<claude-code|codex|cursor|copilot|gemini-cli|windsurf|…>`, `&topic=<…>`, `&sort=installs|stars|new|updated` — values in https://affpapa.org/en/nevibecode/agents.md

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md
