Menu
SkillsMP has collected 7 skills from designcraveyard/design-workflow. Open a skill to review its source and details.
Showing 7 of 7 collected skills.
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…
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'.
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'.
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.…
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…
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…
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'.