NeVibeCode · 10 items
Slash commands for Design
Commands for Design: what each one does, an install command and example prompts.
find command Searches the Meigen gallery by keywords and shows visual results with short prompt excerpts right away.
CX Codex
210installs
design-database-schema command This command plans database structures around requirements, relationships, and query patterns. Use it to draft a schema or rethink an existing one.
1,021installs
web-design-reviewer command Walks a running site in the browser, spots layout, responsive and accessibility defects, then fixes them in the source. Saves you a manual click-through of every page.
605installs
design-system-setup command Sets up a design system through an interactive flow, covering tokens, component patterns, and docs. Use it when a project needs a UI foundation.
CX Codex
★ 41,823repo stars
design-review command Audits an existing interface for layout, usability and code problems, then writes a report with concrete recommendations.
CX Codex
★ 41,823repo stars
create-component command Guides UI component creation through structured questions and generates matching files. Useful when keeping frontend architecture consistent.
CX Codex
★ 41,823repo stars
gen command Starts image generation from a prompt without an intent review. Use it when a direct, one-shot generation flow is enough.
CX Codex
★ 41,823repo stars
review-design-parity
official command Compares a built interface with its Figma frame and lists where layout, tokens or interactions drift. Useful before handing off a screen.
CX Codex GP ChatGPT
★ 7,604repo stars
implement-from-figma
official command Converts Figma components and frames directly into project code. It pulls design context, inspects layouts, and checks visual parity.
CX Codex GP ChatGPT
★ 7,604repo stars
connect-figma-components
official command Builds and refreshes Figma Code Connect templates for components: reads a Figma link, finds the nodes and matches them to code.
CX Codex GP ChatGPT
★ 7,604repo stars
