visual-design
Visual Design Skill
Procedural guidance for generating production-quality visual mockups using AI image generation, creating multiple design directions that are validated before committing to Storybook code.
When to Use
- Running
/visual-design [initiative] - After design brief exists, before
/proto - When exploring visual directions for a new feature
- When stakeholders need to see options before functional prototyping begins
- When competitive landscape reveals design patterns to match or surpass
Inputs
- Initiative name
- Automatically loads:
pm-workspace-docs/initiatives/active/[name]/design-brief.md(REQUIRED)pm-workspace-docs/initiatives/active/[name]/competitive-landscape.md(recommended)pm-workspace-docs/initiatives/active/[name]/prd.md(for user stories and flows)
More from tylersahagun/pm-workspace
digest-website
Generate a shareable website from digests with newspaper-style design and past issues archive. Use when running /publish-digest or when user wants a public digest page.
10slack-block-kit
Format Slack messages using Block Kit for rich, interactive layouts. Apply when sending any Slack message that should look polished.
9agents-generator
Generate product-focused AGENTS.md documentation for AI agents. Use when creating documentation that explains the WHY behind code.
6skylar-start-here
Get the AskElephant app and Storybook running locally for a designer. Use when the designer says "start the app", "run locally", "see my changes", "open storybook", "first time setup", "how do I see the app", or "set up my environment".
6portfolio-status
Analyze status of ALL initiatives with artifact gap matrix, health scoring, and prioritized action queue. Use when running /status-all command or answering "where are we across everything?" questions.
6activity-reporter
Generate time-bounded activity reports (end-of-day, end-of-week, digest) that aggregate work across GitHub, Linear, and PM workspace. Use when running /eod, /eow, /digest, or /eod --sam commands.
6