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)