メニュー
SkillsMP は designcraveyard/design-workflow から 7 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
収集済み skill 7 件中 7 件を表示しています。
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'.
原文の言語: 英語