designcraveyard/design-workflow

design-analyze

Decompose a design requirement into flows, pages, templates, patterns, components, atoms, and data fields using Brad Frost atomic design. Use when starting a new design project, analyzing an app for redesign, or breaking down a feature brief. Triggers on…

原文语言：英语

design-style

Define visual directions (stylescapes), generate fully styled standalone pages, source assets, and produce presentation artifacts for client review. Triggers on 'style this', 'create visual direction', 'build stylescape', 'define the look and feel'.

原文语言：英语

design-wireframe

Compose real design system components into full responsive page layouts with real data points. Uses ds- components from the HTML Template design system. Triggers on 'wireframe this page', 'create layout', 'build screen', 'design the page structure'.

原文语言：英语

setup-design-gen

First-time setup for the Design Workflow plugin. Checks and configures API keys (OpenAI, Google Cloud/Vertex AI, Unsplash), verifies the HTML Template design system path, and installs the web-to-figma Chrome extension. Run this once before using /design.…

原文语言：英语

design-assets

Generate and manipulate visual assets — icons, illustrations, images. Supports OpenAI (gpt-image-1, gpt-image-1-mini, dall-e-3), Google Vertex AI Imagen (Imagen 3/4), and Google Vertex AI Gemini (gemini-2.5-flash-image, gemini-3-pro-image-preview). Operations…

原文语言：英语

design

Start or continue a design project. Manages the full workflow from brief to visual direction — analyzes requirements, gathers inspiration, creates wireframes, and applies styling. Entry point for the design pipeline. Triggers on "start design project", "new…

原文语言：英语

design-inspire

Gather, organize, and tag design references from real apps, web search, and designer-provided screenshots. Connects references to the atomic decomposition from Analyze. Triggers on 'find inspiration', 'gather references', 'build mood board', 'check this app'.

原文语言：英语