design-protocol 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +225 -0
  3. package/agents/dp-researcher.md +239 -0
  4. package/agents/dp-verifier.md +207 -0
  5. package/bin/install.js +464 -0
  6. package/commands/dp-back.md +221 -0
  7. package/commands/dp-discuss.md +257 -0
  8. package/commands/dp-execute.md +513 -0
  9. package/commands/dp-journey.md +85 -0
  10. package/commands/dp-progress.md +178 -0
  11. package/commands/dp-roadmap.md +83 -0
  12. package/commands/dp-skip.md +186 -0
  13. package/commands/dp-start.md +510 -0
  14. package/commands/dp-storytell.md +94 -0
  15. package/commands/dp-verify.md +207 -0
  16. package/package.json +59 -0
  17. package/skills/dp-color/SKILL.md +214 -0
  18. package/skills/dp-color/export_tokens.py +297 -0
  19. package/skills/dp-color/references/apca-contrast.md +87 -0
  20. package/skills/dp-color/references/hue-emotions.md +109 -0
  21. package/skills/dp-color/references/oklch-gamut.md +79 -0
  22. package/skills/dp-color/references/pitfalls.md +171 -0
  23. package/skills/dp-color/references/scale-patterns.md +206 -0
  24. package/skills/dp-color/references/tool-workflows.md +200 -0
  25. package/skills/dp-discovery/SKILL.md +480 -0
  26. package/skills/dp-eng_review/SKILL.md +471 -0
  27. package/skills/dp-eng_review/references/code-review-checklist.md +385 -0
  28. package/skills/dp-eng_review/references/react-patterns.md +512 -0
  29. package/skills/dp-eng_review/references/shadcn-patterns.md +510 -0
  30. package/skills/dp-eng_review/references/tailwind-conventions.md +351 -0
  31. package/skills/dp-journey/SKILL.md +682 -0
  32. package/skills/dp-journey/references/journey-types.md +97 -0
  33. package/skills/dp-journey/references/map-structures.md +177 -0
  34. package/skills/dp-journey/references/omnichannel-patterns.md +208 -0
  35. package/skills/dp-journey/references/research-methods.md +125 -0
  36. package/skills/dp-prd/SKILL.md +201 -0
  37. package/skills/dp-prd/references/claude-code-spec.md +107 -0
  38. package/skills/dp-prd/references/interview-questions.md +158 -0
  39. package/skills/dp-prd/references/section-templates.md +231 -0
  40. package/skills/dp-research/SKILL.md +540 -0
  41. package/skills/dp-research/references/facilitation-guide.md +291 -0
  42. package/skills/dp-research/references/interview-guide-template.md +190 -0
  43. package/skills/dp-research/references/method-selection.md +195 -0
  44. package/skills/dp-research/references/question-writing.md +244 -0
  45. package/skills/dp-research/references/research-report-template.md +363 -0
  46. package/skills/dp-research/references/synthesis-methods.md +289 -0
  47. package/skills/dp-research/references/usability-test-template.md +260 -0
  48. package/skills/dp-roadmap/SKILL.md +648 -0
  49. package/skills/dp-roadmap/references/prioritization-frameworks.md +312 -0
  50. package/skills/dp-roadmap/references/roadmap-structures.md +179 -0
  51. package/skills/dp-roadmap/references/roadmap-workshops.md +264 -0
  52. package/skills/dp-roadmap/references/theme-development.md +168 -0
  53. package/skills/dp-storytell/SKILL.md +645 -0
  54. package/skills/dp-storytell/references/audience-playbooks.md +260 -0
  55. package/skills/dp-storytell/references/content-type-templates.md +310 -0
  56. package/skills/dp-storytell/references/delivery-tactics.md +228 -0
  57. package/skills/dp-storytell/references/narrative-frameworks.md +259 -0
  58. package/skills/dp-ui/SKILL.md +503 -0
  59. package/skills/dp-ui/references/b2b-enterprise-patterns.md +319 -0
  60. package/skills/dp-ui/references/data-visualization.md +304 -0
  61. package/skills/dp-ui/references/visual-design-principles.md +237 -0
  62. package/skills/dp-ux/SKILL.md +414 -0
  63. package/skills/dp-ux/references/accessibility-checklist.md +128 -0
  64. package/skills/dp-ux/references/product-excellence.md +149 -0
  65. package/skills/dp-ux/references/usability-principles.md +140 -0
  66. package/skills/dp-ux/references/ux-patterns.md +221 -0
  67. package/templates/config.json +55 -0
  68. package/templates/context.md +96 -0
  69. package/templates/project.md +83 -0
  70. package/templates/requirements.md +137 -0
  71. package/templates/roadmap.md +168 -0
  72. package/templates/state.md +107 -0
@@ -0,0 +1,228 @@
1
+ # Delivery Tactics — Live Presentation Mechanics
2
+
3
+ Concrete tactics for delivering the presentation — pacing, handling difficult moments, Q&A, pre-wiring.
4
+
5
+ ---
6
+
7
+ ## Before the Meeting
8
+
9
+ ### Pre-wire every senior attendee
10
+ Never surprise a senior person in the room. 48-72 hours before:
11
+
12
+ 1. **Map the room** — DACI (Decider, Approvers, Contributors, Informed) or RACI
13
+ 2. **1:1 with the Decider first** — walk the recommendation, listen for objections, adjust
14
+ 3. **1:1 with each Approver** — tailor to their concern:
15
+ - Finance → cost
16
+ - Engineering → feasibility
17
+ - Legal → risk
18
+ - Marketing → positioning
19
+ 4. **Handle the skeptic last** — either (a) incorporate their input, (b) get objection on record, or (c) get the Decider's air cover
20
+ 5. **Walk in with no unknown dissenters** — the meeting is for ratification
21
+
22
+ The Amazon six-pager variant: replace the pitch meeting with 20 minutes of silent reading. Works only if the document is strong enough to stand alone.
23
+
24
+ ### Rehearse three versions
25
+ - **30 seconds** — for elevator/hallway
26
+ - **3 minutes** — if you're interrupted early
27
+ - **30 minutes** — the full version
28
+
29
+ Know which one lands when you get interrupted.
30
+
31
+ ### The scope contract
32
+ Open every review with:
33
+ > *"Today's decision is about [X]. Out of scope for today: [Y, Z]. Parking-lot anything else."*
34
+
35
+ This is your shield against scope expansion. Point to it when "what about…" lands.
36
+
37
+ ---
38
+
39
+ ## Opening the Presentation
40
+
41
+ ### Don't do these
42
+ - Apologize ("Sorry I didn't have time to…")
43
+ - Announce the structure ("I'll start with context, then move to…")
44
+ - Introduce yourself at length
45
+ - Explain why they should care (earn it with the hook)
46
+
47
+ ### Do these
48
+ - Start with a user quote, data point, or visual
49
+ - Get to the ask within the first 60 seconds (exec) or 5 minutes (peer)
50
+ - Use silence after the hook — let it land
51
+ - Make eye contact with the Decider first
52
+
53
+ ### The throughline test (Chris Anderson)
54
+ Before you start, ask: *"Can I encapsulate this talk in ≤15 words?"* If not, the talk is unfocused.
55
+
56
+ ---
57
+
58
+ ## During the Presentation
59
+
60
+ ### Pacing rules
61
+ - **~150 words per minute** for live speech (slightly slower for complex content)
62
+ - **Pause for 2-3 seconds** after key points — don't rush through them
63
+ - **Slow down at transitions** — audience needs a beat to re-orient
64
+ - **Speed up on process detail** — if it's not the point, move through it
65
+
66
+ ### Silence is a tool
67
+ - After asking a question → let it hang; don't fill the air
68
+ - After a key stat → let it land
69
+ - When challenged → silence before responding buys thinking time
70
+
71
+ ### Voice modulation
72
+ - Drop volume for weighty moments (counterintuitively, people lean in)
73
+ - Raise pace for enthusiasm / momentum
74
+ - Hit the keyword in each sentence with emphasis
75
+ - Vary sentence length — long / short / long / short
76
+
77
+ ### Physical presence (in-person)
78
+ - Stand for executive audiences; sit for peer reviews
79
+ - Hands visible, not in pockets
80
+ - Move with purpose (walk across the stage; don't pace)
81
+ - Face the screen as little as possible
82
+
83
+ ---
84
+
85
+ ## Handling Difficult Moments
86
+
87
+ ### The Greever Response Process (for all hard feedback)
88
+
89
+ 1. **Listen** — let them finish. Don't interrupt even if they're wrong. Take notes.
90
+ 2. **Understand** — restate their concern in your words:
91
+ > *"So what I'm hearing is you're worried that X will cause Y. Is that right?"*
92
+ This confirms you heard, forces them to refine vague concerns, and buys you thinking time.
93
+ 3. **Respond** — tie your answer to:
94
+ - (a) The project goal
95
+ - (b) The user
96
+ - (c) A prior agreement or data point
97
+
98
+ Never defend; redirect.
99
+
100
+ ### Handling skeptical stakeholders
101
+ **Sign:** repeated "but what about…"
102
+ **Tactic:** thank them, add to parking lot, continue. Address in Q&A: *"You asked about X — here's what we considered."*
103
+
104
+ ### Handling "I don't like blue"
105
+ **Sign:** aesthetic opinion posed as professional critique
106
+ **Tactic sequence:**
107
+ 1. Acknowledge without agreeing: "Got it, thanks for calling that out."
108
+ 2. Convert taste to criteria: "Help me understand — is it the brand association, the contrast, the mood, or something else?"
109
+ 3. Tie back to agreed frame: "Our brand archetype is 'trusted institution' — blue tested highest for that in the brand study."
110
+ 4. Offer a test: "We can run this past 5 customers this week. If they react your way, we change it. Fair?"
111
+ 5. Escalation hatch: "This is a call I'd like to make with the product and brand leads aligned — can we put this on Thursday?"
112
+
113
+ Never argue the merits of blue. Always convert taste to criteria.
114
+
115
+ ### Handling scope-expansion attacks
116
+ **Sign:** "This is great, but what about [adjacent feature]?"
117
+
118
+ **Five responses:**
119
+ 1. **Acknowledge + park:** "Great question — let me add to follow-ups. For this decision, can we stay focused on [ask]?"
120
+ 2. **Scope contract:** "Today's decision is about X. Out of scope: Y. Is your concern on that list?"
121
+ 3. **One-pager boundary:** "The one-pager deferred [A, B, C] to Phase 2. Is your concern on that list?"
122
+ 4. **Trade-off reframe:** "We can do that — adds 6 weeks and $X. Make that trade now, or ship and add in Q4?"
123
+ 5. **Yes, and later:** "Yes — on the roadmap for Phase 2. For today, can we approve Phase 1?"
124
+
125
+ **Anti-pattern:** defending *why* you didn't do the adjacent thing. You will lose. Acknowledge, park, redirect.
126
+
127
+ ### Handling the silent room
128
+ **Sign:** no one reacts after you present
129
+ **Tactic:** ask a specific person a specific question. Not *"any thoughts?"* but:
130
+ > *"Priya, from engineering's perspective, what's the riskiest part of this?"*
131
+
132
+ Direct questions break the silence spiral.
133
+
134
+ ### Handling leadership override
135
+ **Sign:** exec says "just do X" mid-presentation, overriding your proposal
136
+
137
+ **Don't debate in the room.** Buy time:
138
+ > *"Happy to explore that — can I take 24 hours to assess the trade-off and come back?"*
139
+
140
+ Come back with evidence, not emotion.
141
+
142
+ ### Handling design-by-committee
143
+ **Sign:** every stakeholder wants a tweak; none are individually critical
144
+
145
+ **Force prioritization:**
146
+ > *"We can do 3 of these before deadline. Which 3?"*
147
+
148
+ If they refuse to prioritize, escalate to the Decider with the trade-off explicit.
149
+
150
+ ### Handling "I don't believe the data"
151
+ **Sign:** stakeholder questions methodology to avoid the conclusion
152
+ **Tactic:**
153
+ 1. Acknowledge the methodology concern as valid
154
+ 2. Present the limitation honestly: "You're right that N=6 is directional, not statistical"
155
+ 3. Triangulate with other data: support tickets, analytics funnel, competitive benchmark
156
+ 4. Offer: "If you want statistical confidence, we can run a 40-participant study. 3 weeks, $Y. Want to go?"
157
+
158
+ Don't die on the methodology hill. Convert skepticism into a path forward.
159
+
160
+ ---
161
+
162
+ ## Q&A Handling
163
+
164
+ ### Structure your Q&A prep
165
+ For each anticipated question, have:
166
+ - **Crisp 1-3 sentence answer**
167
+ - **Evidence to support** (stat, quote, prototype)
168
+ - **Graceful deflection** if you don't know
169
+
170
+ ### The "I don't know" response
171
+ Never bluff. Instead:
172
+ > *"Great question — I want to give you a data-backed answer. Let me come back within 24 hours with specifics."*
173
+
174
+ Then actually come back within 24 hours. Trust compounds.
175
+
176
+ ### The "bad question" redirect
177
+ Sometimes a question is premised on a wrong assumption. Don't correct abrasively. Redirect:
178
+ > *"I hear you asking [their framing]. What I think the underlying question is [better framing]. Let me address that."*
179
+
180
+ ### Closing Q&A
181
+ Don't end with *"any other questions?"* (silence kills momentum). End with:
182
+ > *"Last question — then I want to close with the ask."*
183
+
184
+ Then reassert the ask in one sentence. Always close with the ask.
185
+
186
+ ---
187
+
188
+ ## After the Meeting
189
+
190
+ ### Follow-up within 24 hours
191
+ - **Send the artifact** — deck, 1-pager, or recording
192
+ - **Capture the decision** — what was decided, deferred, rejected; attendees
193
+ - **Assign owners** — who does what next, by when
194
+ - **Address "I'll get back to you" items** — don't let them age
195
+
196
+ ### Measure if the presentation worked
197
+ Define upfront what success looks like:
198
+ - Decision made? (best)
199
+ - Follow-up meeting scheduled? (acceptable)
200
+ - New concerns surfaced but no decision? (need new evidence)
201
+ - Proposal rejected? (learn why; iterate)
202
+
203
+ Without a success criterion, you'll never improve your presentation skill.
204
+
205
+ ---
206
+
207
+ ## Anti-Patterns to Avoid
208
+
209
+ 1. **Reading slides** — audience can read; they came for your analysis
210
+ 2. **Apologizing mid-presentation** — undermines credibility
211
+ 3. **Running live prototypes to execs** — they break; use static + clip
212
+ 4. **Over-rehearsed delivery** — sounds like a commercial; disengages audience
213
+ 5. **Hiding the ask** — never end with "any questions?"; always reassert the ask
214
+ 6. **Over-qualifying** — "maybe," "might," "possibly" = signals you're not ready
215
+ 7. **Fighting the facilitator** — time-box is your friend; fighting it kills credibility
216
+ 8. **Responding to "I don't like it" emotionally** — always convert to criteria
217
+ 9. **Burying a metric** — lead with the number; support with method
218
+ 10. **Ignoring the room's energy** — if they've moved on, move with them
219
+
220
+ ---
221
+
222
+ ## The 10-Second Test
223
+
224
+ Before delivering, apply:
225
+ > *If I only had 10 seconds with this audience, what single sentence would I say?*
226
+
227
+ If you can't answer, the presentation isn't ready.
228
+ That sentence is your opening and your closing.
@@ -0,0 +1,259 @@
1
+ # Narrative Frameworks — Full Reference
2
+
3
+ Twelve frameworks for structuring a design story, with exact structures and design-work examples. Use with the quick-selector in SKILL.md.
4
+
5
+ ---
6
+
7
+ ## 1. SCR — Situation, Complication, Resolution (McKinsey)
8
+
9
+ ### Structure
10
+ - **Situation** — the stable context everyone agrees on
11
+ - **Complication** — what changed, what's at risk, what's painful
12
+ - **Resolution** — what we propose and why it works
13
+
14
+ ### Best use
15
+ Executive pitches, design proposals, consulting engagements. Crisp, decision-oriented, minimum setup.
16
+
17
+ ### Design-work example
18
+ > **Situation:** Our trial-to-paid conversion has been stable at 23% for 4 quarters.
19
+ > **Complication:** New research shows 40% of abandoners leave at step 3 of onboarding — a step introduced in last year's refactor.
20
+ > **Resolution:** Remove step 3's unasked-for configuration; move sample-data generation to first use. Expect +4 pts conversion within a quarter.
21
+
22
+ ---
23
+
24
+ ## 2. NABC — Need, Approach, Benefits, Competition (SRI International)
25
+
26
+ ### Structure
27
+ - **Need** — a clear customer/user need
28
+ - **Approach** — how you'll address it
29
+ - **Benefits per Cost** — quantified value relative to effort
30
+ - **Competition** — why your approach wins vs. alternatives
31
+
32
+ ### Best use
33
+ Design proposals where resources are being allocated; innovation pitches; feature sell-ins.
34
+
35
+ ### Design-work example
36
+ > **Need:** B2B buyers need to compare 5+ enterprise options; current comparison table hides critical differentiators.
37
+ > **Approach:** Side-by-side comparison view with user-customizable columns, sourced from a structured feature catalog.
38
+ > **Benefits/Cost:** 3 engineer-months; projected +8% pipeline velocity (based on competitive benchmark); estimated $1.2M ARR lift.
39
+ > **Competition:** Competitors offer static tables; our dynamic approach is a defensible differentiator.
40
+
41
+ ---
42
+
43
+ ## 3. Minto Pyramid Principle (Barbara Minto, 1967)
44
+
45
+ ### Structure
46
+ - **Top: governing thought** — one sentence; the recommendation
47
+ - **Middle: supporting points** — typically 3, MECE (mutually exclusive, collectively exhaustive)
48
+ - **Bottom: detail / evidence**
49
+
50
+ Intro uses **SCQA** (Situation → Complication → Question → Answer). Each level answers "why?" or "how?" from the level above.
51
+
52
+ ### Best use
53
+ Written memos, executive one-pagers, board decks, any time the reader is senior and scanning.
54
+
55
+ ### Design-work example
56
+ ```
57
+ GOVERNING THOUGHT
58
+ Ship the redesigned checkout (single-page variant) in Q3 — expect +1.8 pts conversion and −22% support tickets.
59
+
60
+ SUPPORTING POINT 1: Users struggle with the current multi-step flow.
61
+ Evidence: 4 of 6 participants failed task; 40% drop-off at step 3.
62
+
63
+ SUPPORTING POINT 2: Industry benchmark favors single-page.
64
+ Evidence: Baymard 2024 benchmark; 3 top-5 competitors single-page.
65
+
66
+ SUPPORTING POINT 3: Internal cost model supports the investment.
67
+ Evidence: $X projected ARR lift vs. $Y engineering cost; payback < 6 months.
68
+ ```
69
+
70
+ ---
71
+
72
+ ## 4. STAR — Situation, Task, Action, Result
73
+
74
+ ### Structure
75
+ - **Situation** — context
76
+ - **Task** — what needed doing
77
+ - **Action** — what you/team did
78
+ - **Result** — outcome, measured
79
+
80
+ ### Best use
81
+ Case studies, retrospectives, postmortems, portfolio presentations, behavioral interviews.
82
+
83
+ ### Design-work example
84
+ > **Situation:** Enterprise onboarding took 6 weeks average, driving CS cost and delaying time-to-value.
85
+ > **Task:** Cut onboarding time to under 2 weeks without reducing feature adoption.
86
+ > **Action:** Research + 3 design iterations + progressive-disclosure pattern + self-service checklist.
87
+ > **Result:** 11-day average (down from 42); support tickets during onboarding down 61%; NPS at 30-day up 18 pts.
88
+
89
+ ---
90
+
91
+ ## 5. 3-Act Structure
92
+
93
+ ### Structure
94
+ - **Act 1 — Setup** — world, protagonist, inciting incident
95
+ - **Act 2 — Confrontation** — obstacles, stakes rise, low point
96
+ - **Act 3 — Resolution** — climax, new state
97
+
98
+ ### Best use
99
+ Longer presentations (30+ min), strategic pivots, change-management narratives, keynote-style talks.
100
+
101
+ ### Design-work example
102
+ > **Act 1:** Our users love our product. But last year, we lost 12% of our enterprise segment to a competitor who shipped faster.
103
+ > **Act 2:** We tried to match their pace with more designers — it didn't work. Features shipped but quality dropped, NPS fell, churn accelerated. We were on a path to lose the rest.
104
+ > **Act 3:** We invested in a design system. 18 months in, ship velocity doubled, design debt is tracked and shrinking, and NPS recovered. Here's the next phase.
105
+
106
+ ---
107
+
108
+ ## 6. Pixar Story Spine
109
+
110
+ ### Structure
111
+ - Once upon a time…
112
+ - Every day…
113
+ - Until one day…
114
+ - Because of that…
115
+ - Because of that…
116
+ - Until finally…
117
+ - And ever since then…
118
+
119
+ ### Best use
120
+ Warm, narrative-heavy presentations; user journey walkthroughs; research readouts with high emotional content.
121
+
122
+ ### Design-work example
123
+ > Once upon a time, a small team shipped a product users loved.
124
+ > Every day, more users signed up, usage grew, and the product gained features.
125
+ > Until one day, a user named Priya spent 20 minutes trying to do a task that should've taken 2.
126
+ > Because of that, she gave up and called support — one of 800 tickets that week about the same screen.
127
+ > Because of that, we pulled the screen into research and discovered three converging failures.
128
+ > Until finally, we redesigned it with progressive disclosure, and weekly tickets dropped 82%.
129
+ > And ever since then, the screen is our most-praised example of "how to grow a product without growing complexity."
130
+
131
+ ---
132
+
133
+ ## 7. Hero's Journey (Joseph Campbell, simplified)
134
+
135
+ ### Structure (3-stage simplified)
136
+ - **Call to Adventure** — the protagonist's ordinary world is disrupted
137
+ - **Trials** — they face obstacles, gain allies and skills
138
+ - **Return with Elixir** — they return transformed, with something to share
139
+
140
+ ### Best use
141
+ Longform narrative — keynotes, company-all-hands, change narratives, case studies with personal arc.
142
+
143
+ ### Design-work example
144
+ > **Call:** Our design team was drowning in review cycles; every decision required six meetings.
145
+ > **Trials:** We tried templates — too rigid. We tried async — too slow. We tried office hours — still didn't scale.
146
+ > **Return:** We built a critique protocol modeled on writing workshops: pre-read, silent observation, structured feedback, decision owner. Review cycles dropped 70%. We're sharing the protocol at the conference next month.
147
+
148
+ ---
149
+
150
+ ## 8. Dan Harmon's Story Circle (8 steps)
151
+
152
+ ### Structure
153
+ 1. A character is in a zone of comfort
154
+ 2. But they want something
155
+ 3. They enter an unfamiliar situation
156
+ 4. Adapt to it
157
+ 5. Get what they wanted
158
+ 6. Pay a heavy price
159
+ 7. Return to their familiar situation
160
+ 8. Having changed
161
+
162
+ ### Best use
163
+ Rich user-journey stories; customer success narratives with transformation arc.
164
+
165
+ ---
166
+
167
+ ## 9. Freytag's Pyramid (classical, 5-act)
168
+
169
+ ### Structure
170
+ - **Exposition** — setup
171
+ - **Rising Action** — complications build
172
+ - **Climax** — turning point
173
+ - **Falling Action** — consequences unfold
174
+ - **Resolution** — new equilibrium
175
+
176
+ ### Best use
177
+ Emotionally weighty presentations; cultural or strategic shifts; retrospectives on painful incidents.
178
+
179
+ ---
180
+
181
+ ## 10. Problem-Agitate-Solve (PAS)
182
+
183
+ ### Structure
184
+ - **Problem** — name the pain
185
+ - **Agitate** — make the pain feel immediate and costly
186
+ - **Solve** — present the relief
187
+
188
+ ### Best use
189
+ Marketing-adjacent presentations; sell-ins; pitches where urgency needs to be manufactured honestly. Use sparingly — easy to slip into fear-mongering.
190
+
191
+ ### Design-work example
192
+ > **Problem:** 40% of users abandon at step 3.
193
+ > **Agitate:** That's 12,000 people a week who reach our product, decide it's not worth it, and leave forever. Every week. That's $4M in ARR walking away annually.
194
+ > **Solve:** Here's what 4 weeks of research and 2 weeks of redesign recovers.
195
+
196
+ ---
197
+
198
+ ## 11. Before / During / After
199
+
200
+ ### Structure
201
+ - **Before** — state of the world before the work
202
+ - **During** — what happened, what was learned
203
+ - **After** — new state, measured
204
+
205
+ ### Best use
206
+ Research readouts; case studies; retrospectives; design-system adoption stories.
207
+
208
+ ### Design-work example
209
+ > **Before:** 6 designers, 5 different button styles, inconsistent accessibility. Velocity: 3 features/quarter.
210
+ > **During:** 4 months of design-system foundation work — token architecture, component library, accessibility audit, migration playbook.
211
+ > **After:** 1 token system, 1 component library, WCAG 2.1 AA baseline. Velocity: 9 features/quarter.
212
+
213
+ ---
214
+
215
+ ## 12. Pyramid Principle meets Heath's SUCCESs
216
+
217
+ Every story must pass the **SUCCESs test** (Chip & Dan Heath, *Made to Stick*):
218
+ - **Simple** — one core idea, ruthlessly curated
219
+ - **Unexpected** — breaks a pattern
220
+ - **Concrete** — specific users, real quotes, actual screens
221
+ - **Credible** — research / data / prototype backing
222
+ - **Emotional** — audience feels something
223
+ - **Story** — narrative arc, not a bullet list
224
+
225
+ ### Common failures
226
+ - Long-winded → fails Simple
227
+ - Predictable → fails Unexpected
228
+ - Abstract ("users") → fails Concrete
229
+ - Opinion-only → fails Credible
230
+ - Detached → fails Emotional
231
+ - Feature-list → fails Story
232
+
233
+ ---
234
+
235
+ ## Framework Selection Quick Reference
236
+
237
+ | Purpose | Framework | Why |
238
+ |---|---|---|
239
+ | Pitch to exec | SCR + Minto | Fast, decision-oriented |
240
+ | Research readout | Before/During/After or Problem-Insight-Recommendation | Evidence-heavy |
241
+ | Design proposal | NABC | Forces quantified value |
242
+ | Case study | STAR | Outcome-measured |
243
+ | Change narrative | 3-Act | Arc carries emotion |
244
+ | Longform keynote | Hero's Journey or Story Circle | Journey-based |
245
+ | Research with empathy | Pixar Story Spine | Warm, human |
246
+ | Strategic pivot | Freytag's Pyramid | Dramatic weight |
247
+ | Sell-in / urgency | PAS | Manufactured tension (careful) |
248
+ | Executive memo | Minto Pyramid | Scannable, MECE |
249
+
250
+ ---
251
+
252
+ ## Meta-Rules Across All Frameworks
253
+
254
+ 1. **Audience is the hero.** You are the mentor (Yoda, not Luke). — Duarte
255
+ 2. **Every talk has a throughline.** One sentence that connects every element; if a section doesn't serve it, cut it. — Anderson
256
+ 3. **Show, don't tell.** Prototypes > screenshots > bullet lists. — Duarte, Anderson
257
+ 4. **Oscillate between "what is" and "what could be."** Tension sustains attention. — Duarte
258
+ 5. **End on New Bliss.** The future state *if the audience acts*. Never end flat. — Duarte
259
+ 6. **Seed a STAR moment.** One repeatable, memorable beat somewhere in the middle. — Duarte