# Slash commands for Design

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

10 cards

- HTML: https://affpapa.org/en/nevibecode/commands/topic/design
- Instructions for agents: https://affpapa.org/en/nevibecode/agents.md

- [find](https://affpapa.org/en/nevibecode/commands/find.md) — command · MeiGen · Claude Code, Codex, Cursor · 210 installs — Searches the Meigen gallery by keywords and shows visual results with short prompt excerpts right away.
- [design-database-schema](https://affpapa.org/en/nevibecode/commands/design-database-schema.md) — command · davila7 · Claude Code · 1021 installs — This command plans database structures around requirements, relationships, and query patterns.
- [web-design-reviewer](https://affpapa.org/en/nevibecode/commands/web-design-reviewer.md) — command · davila7 · Claude Code · 605 installs — Walks a running site in the browser, spots layout, responsive and accessibility defects, then fixes them in the source.
- [design-system-setup](https://affpapa.org/en/nevibecode/commands/design-system-setup.md) — command · Seth Hobson · Claude Code, Codex, Cursor · ★ 41823 — Sets up a design system through an interactive flow, covering tokens, component patterns, and docs.
- [design-review](https://affpapa.org/en/nevibecode/commands/design-review.md) — command · Seth Hobson · Claude Code, Codex, Cursor · ★ 41823 — Audits an existing interface for layout, usability and code problems, then writes a report with concrete recommendations.
- [create-component](https://affpapa.org/en/nevibecode/commands/create-component.md) — command · Seth Hobson · Claude Code, Codex, Cursor · ★ 41823 — Guides UI component creation through structured questions and generates matching files.
- [gen](https://affpapa.org/en/nevibecode/commands/gen.md) — command · MeiGen · Claude Code, Codex, Cursor · ★ 41823 — Starts image generation from a prompt without an intent review.
- [review-design-parity](https://affpapa.org/en/nevibecode/commands/review-design-parity.md) — command (official OpenAI) · Figma · Codex, ChatGPT · ★ 7604 — Compares a built interface with its Figma frame and lists where layout, tokens or interactions drift.
- [implement-from-figma](https://affpapa.org/en/nevibecode/commands/implement-from-figma.md) — command (official OpenAI) · Figma · Codex, ChatGPT · ★ 7604 — Converts Figma components and frames directly into project code.
- [connect-figma-components](https://affpapa.org/en/nevibecode/commands/connect-figma-components.md) — command (official OpenAI) · Figma · Codex, ChatGPT · ★ 7604 — Builds and refreshes Figma Code Connect templates for components: reads a Figma link, finds the nodes and matches them to code.

## Refine
[ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [ui-design](https://affpapa.org/en/nevibecode/tag/ui-design.md) · [design-system](https://affpapa.org/en/nevibecode/tag/design-system.md) · [accessibility](https://affpapa.org/en/nevibecode/tag/accessibility.md) · [browser-automation](https://affpapa.org/en/nevibecode/tag/browser-automation.md) · [components](https://affpapa.org/en/nevibecode/tag/components.md) · [database](https://affpapa.org/en/nevibecode/tag/database.md) · [design-tokens](https://affpapa.org/en/nevibecode/tag/design-tokens.md) · [react](https://affpapa.org/en/nevibecode/tag/react.md) · [schema](https://affpapa.org/en/nevibecode/tag/schema.md) · [slash-command](https://affpapa.org/en/nevibecode/tag/slash-command.md) · [sql](https://affpapa.org/en/nevibecode/tag/sql.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
