视觉画布设计
canvas-design
基于设计原则创作静态视觉作品,用于海报与品牌图形。
product-vision【文档与办公】Write the Product Vision document -- the durable 5-10 year narrative above the north-star metric -- using Pichler's Vision Board, Moore's elevator pitch, Raskin's strategic narrative, Cagan's 10-year framing, and Amazon Working Backwards.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
The Product Vision is the narrative that sits above the north-star metric -- the answer to "where are we going and why" that aligns engineers, designers, marketers, executives, and customers around a single point on the horizon. Without a vision, teams optimize local metrics; with a vision, teams optimize toward a shared destination.
A vision is not a mission, not a strategy, not a roadmap. A mission says why the company exists. A strategy says how it will win. A roadmap says what ships next quarter. A vision says where the product will be in 5-10 years -- specific enough to inspire engineering decisions today, ambitious enough to outlast any current technology or market condition. This skill produces the vision document across four canonical formats -- Roman Pichler's Product Vision Board (one-page diagnostic), Geoffrey Moore's elevator pitch (single-sentence positioning from Crossing the Chasm), Andy Raskin's strategic narrative (5-act story arc), and Marty Cagan's 10-year horizon -- plus an Amazon Working Backwards press release and a review checklist for testing whether a vision actually works.
Before generating the vision, confirm these inputs. If any is unknown or vague, ASK — do not assume:
Stop rule: ask only the 2-3 that most change the output. If the user says "just draft it," proceed and list your assumptions at the top of the artifact.
Load the reference that matches the task -- keep this file lean and pull detail on demand:
Templates live in assets/: vision_board_template.md, narrative_vision_template.md, elevator_pitch_template.md, vision_review_checklist.md.
In scope: vision drafting across 4 frameworks (Pichler, Moore, Raskin, Cagan); the Vision Review Checklist; worked examples and templates; translation between formats; integration with downstream artifacts (NSM, OKRs, roadmap, PRDs).
Out of scope: mission statement writing; strategy document construction (c-level-advisor/); brand positioning and messaging (marketing/); Working Backwards PR/FAQ (execution/prfaq/); NSM definition (execution/north-star-metric/); OKR drafting (execution/brainstorm-okrs/).
Caveats: a vision is not a marketing document (marketing language belongs in messaging); a vision that is never used is worse than no vision; the 10-year horizon is uncomfortable for execution-minded teams -- the discomfort is the point; a vision can be wrong -- commit, build, and update on evidence.
| Integration | Direction | What Flows |
|---|---|---|
discovery/value-proposition-canvas/ | Receives from | Customer Profile (jobs, pains, gains) feeds Pichler Board "Needs" block |
discovery/jtbd-workshop/ | Receives from | Job hierarchy and top outcomes inform the vision's customer + outcome |
discovery/customer-interview-script/ | Receives from | Verbatim customer language sharpens vision phrasing |
execution/north-star-metric/ | Feeds into | The NSM derives from the vision -- the vision's outcome becomes the NSM input metric tree root |
execution/outcome-roadmap/ | Feeds into | The roadmap delivers the vision; every roadmap theme should trace back |
execution/brainstorm-okrs/ | Feeds into | OKRs serve the vision -- each quarterly objective should advance one vision pillar |
execution/prfaq/ | Complementary | Working Backwards PR is one expression of the vision; the FAQ stress-tests it |
execution/create-prd/ | Feeds into | PRDs explicitly reference the vision in Section 3 (Background) |
execution/roadmap-communication/ | Feeds into | Vision is the opening frame of every exec/customer roadmap presentation |
c-level-advisor/cto-advisor/ | Bidirectional | CTO uses vision to drive architecture bets; vision is informed by tech feasibility |