visual-product-owner

Convert ambiguous product requests into spec.md and visual-spec.html documents.

8|Updated Jun 18, 2026
One-click install
npx skills add https://github.com/ddobrin/plan-skills --skill visual-product-owner
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-product-owner
Source: https://github.com/ddobrin/plan-skills/tree/main/plugins/plan/skills/visual-product-owner
Command: npx skills add https://github.com/ddobrin/plan-skills --skill visual-product-owner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill transforms ambiguous product ideas into rigorous, testable specifications and a human-friendly visual review document, reducing uncertainty before architecture and implementation begin.

Core Features & Use Cases

  • Interactive Discovery: Grills stakeholders with focused questions about edge cases, constraints, UX behavior, and unresolved product decisions.
  • Spec Authoring: Produces a machine-readable spec.md with structured user stories, Gherkin acceptance criteria, constraints, and UI requirements.
  • Visual Review: Derives a self-contained visual-spec.html with overviews, story cards, acceptance scenarios, user flows, wireframes, open questions, and author comments.
  • Use Case: Use this Skill when a feature needs both a precise contract for an implementation swarm and an accessible visual document for human product review.

Quick Start

Ask the visual product owner to interview you about the feature, create its Gherkin-based specification, update the roadmap, and render the companion visual review document.

Frequently Asked Questions about visual-product-owner

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn ambiguous product ideas into reviewable specifications?

To turn ambiguous product ideas into reviewable specifications, you can use an interactive discovery process that asks focused questions about edge cases and UX behavior, producing structured user stories and a visual review document for stakeholders.

What is the best way to write Gherkin acceptance criteria for UX-heavy requirements?

Writing Gherkin acceptance criteria for UX-heavy requirements is best handled by authoring a machine-readable spec that structures user stories, constraints, and UI requirements into testable scenarios, ensuring strict separation from implementation architecture.

How do I create a visual product spec for stakeholder review?

Creating a visual product spec for stakeholder review involves deriving a self-contained HTML document from your product specification, featuring overviews, story cards, user flows, wireframes, and open questions for collaborative feedback.

Does this product specification workflow support roadmap planning?

This product specification workflow supports roadmap planning by applying spec-driven planning to feature discovery and roadmap milestones, allowing you to update your roadmap alongside generating rigorous product specifications.

When do I need a visual companion document alongside a product spec?

You need a visual companion document alongside a product spec when a feature requires both a precise contract for an implementation swarm and an accessible visual document for human product review to reduce uncertainty before architecture begins.

Can I use this approach to separate product requirements from implementation architecture?

You can use this approach to separate product requirements from implementation architecture by enforcing a strict boundary during interactive clarification, ensuring the generated specification focuses solely on product behavior and constraints.