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,178 @@
1
+ ---
2
+ name: dp-progress
3
+ description: Display current DP workflow status, phase progress, and accumulated context. Shows where you are in the design process and what comes next.
4
+ ---
5
+
6
+ # /dp:progress — View Workflow Status
7
+
8
+ You are displaying the current DP workflow status. This command reads state and provides a clear picture of progress.
9
+
10
+ ## Workflow
11
+
12
+ ### Step 1: Check for Workflow
13
+
14
+ Check if DP workflow exists:
15
+
16
+ ```bash
17
+ ls .design/config.json 2>/dev/null
18
+ ```
19
+
20
+ **If not found:**
21
+ ```
22
+ No DP workflow found in this directory.
23
+
24
+ Start one with: /dp:start
25
+ Or run skills standalone: /dp:discovery, /dp:ux, /dp:ui, /dp:eng_review
26
+ ```
27
+
28
+ ### Step 2: Load and Validate State Files
29
+
30
+ Read these files:
31
+ - `.design/config.json` — Settings and workflow metadata
32
+ - `.design/STATE.md` — Current position and context
33
+ - `.design/PROJECT.md` — Project overview
34
+
35
+ **Validate config.json** after reading:
36
+
37
+ Required fields — if any are missing, warn the user and offer to repair:
38
+ - `version` — must be a string (e.g., `"2.1"`)
39
+ - `workflow.current_phase` — must be a number 0-4
40
+ - `workflow.phases_completed` — must be an array
41
+ - `workflow.workflow_status` — must be one of: `not_started`, `in_progress`, `blocked`, `complete`, `gaps`
42
+ - `phases` — must be an object with `discovery`, `ux`, `ui`, `review` keys
43
+
44
+ If JSON parsing fails entirely:
45
+ ```
46
+ ⚠ .design/config.json is corrupted or not valid JSON.
47
+
48
+ Options:
49
+ 1. Rebuild from phase files (I'll scan .design/phases/ for completed work)
50
+ 2. Reset to defaults (keeps your phase output files intact)
51
+ ```
52
+
53
+ If fields are missing but JSON is valid:
54
+ ```
55
+ ⚠ config.json is missing required fields: {list}
56
+ Adding defaults for missing fields...
57
+ ```
58
+ Then fill in the missing fields with defaults from the config template and write the repaired file.
59
+
60
+ **Cross-validate state consistency:**
61
+ - If `phases_completed` includes a phase but the output file is missing, flag it:
62
+ `⚠ Phase "ux" marked complete but UX-DECISIONS.md not found`
63
+ - If a phase output file exists but the phase isn't in `phases_completed`, flag it:
64
+ `⚠ DISCOVERY.md exists but discovery not marked complete — marking it now`
65
+
66
+ ### Step 3: Calculate Progress
67
+
68
+ Determine completion percentage:
69
+ - Phase 0 (not started): 0%
70
+ - Phase 1 (discovery) complete: 25%
71
+ - Phase 2 (ux) complete: 50%
72
+ - Phase 3 (ui) complete: 75%
73
+ - Phase 4 (review) complete: 100%
74
+
75
+ Generate progress bar:
76
+ - 0%: `[░░░░░░░░░░]`
77
+ - 25%: `[██░░░░░░░░]`
78
+ - 50%: `[█████░░░░░]`
79
+ - 75%: `[███████░░░]`
80
+ - 100%: `[██████████]`
81
+
82
+ ### Step 4: Display Status
83
+
84
+ Output this format:
85
+
86
+ ```
87
+ ═══════════════════════════════════════════════════════════════════════════════
88
+ DP WORKFLOW STATUS: [Project Name]
89
+ ═══════════════════════════════════════════════════════════════════════════════
90
+
91
+ Progress: [██░░░░░░░░] 25%
92
+
93
+ PHASE STATUS
94
+ ────────────────────────────────────────────────────────────────────────────────
95
+ │ # │ Phase │ Status │ Completed │ Output │
96
+ │───│───────────│───────────│────────────│───────────────────│
97
+ │ 1 │ Discovery │ ● complete│ 2024-01-15 │ DISCOVERY.md │
98
+ │ 2 │ UX │ ◐ current │ — │ UX-DECISIONS.md │
99
+ │ 3 │ UI │ ○ pending │ — │ UI-SPEC.md │
100
+ │ 4 │ Review │ ○ pending │ — │ REVIEW.md │
101
+
102
+ Optional: Research — not enabled
103
+
104
+ CURRENT POSITION
105
+ ────────────────────────────────────────────────────────────────────────────────
106
+ Phase: 2 of 4 (UX)
107
+ Status: In Progress
108
+ Last Activity: [timestamp] — Completed discovery phase
109
+
110
+ CONTEXT SUMMARY
111
+ ────────────────────────────────────────────────────────────────────────────────
112
+ Problem: [One-liner from discovery]
113
+ User: [Primary user role]
114
+ Key Requirement: [Most important must-have]
115
+
116
+ RECENT DECISIONS
117
+ ────────────────────────────────────────────────────────────────────────────────
118
+ • Discovery: [Key decision 1]
119
+ • Discovery: [Key decision 2]
120
+
121
+ NEXT ACTIONS
122
+ ────────────────────────────────────────────────────────────────────────────────
123
+ → Run /dp:ux to continue with usability principles
124
+ Or /dp:discuss to capture decisions first
125
+
126
+ ═══════════════════════════════════════════════════════════════════════════════
127
+ QUICK COMMANDS
128
+ ═══════════════════════════════════════════════════════════════════════════════
129
+ /dp:discovery — Discovery (Phase 1) /dp:discuss — Capture decisions
130
+ /dp:ux — UX principles (Phase 2) /dp:skip — Skip current phase
131
+ /dp:ui — Visual design (Phase 3) /dp:back — Go to previous phase
132
+ /dp:eng_review — Review (Phase 4) /dp:verify — Check deliverables
133
+ ═══════════════════════════════════════════════════════════════════════════════
134
+ ```
135
+
136
+ ### Step 5: Show Phase Details (Optional)
137
+
138
+ If user asks for more detail on a specific phase, read the corresponding file:
139
+ - Discovery: `.design/phases/DISCOVERY.md`
140
+ - UX: `.design/phases/UX-DECISIONS.md`
141
+ - UI: `.design/phases/UI-SPEC.md`
142
+ - Review: `.design/phases/REVIEW.md`
143
+
144
+ Display a summary of that phase's output.
145
+
146
+ ## Status Icons
147
+
148
+ - `●` complete — Phase finished
149
+ - `◐` current — Currently active phase
150
+ - `○` pending — Not yet started
151
+ - `⊘` skipped — Explicitly skipped
152
+ - `✕` blocked — Cannot proceed
153
+
154
+ ## Workflow Status Values
155
+
156
+ From `config.json`:
157
+ - `not_started` — Project initialized but no phase started
158
+ - `in_progress` — Actively working through phases
159
+ - `blocked` — Cannot proceed (show blockers from STATE.md)
160
+ - `complete` — All phases done
161
+ - `gaps` — Review found issues needing iteration
162
+
163
+ ## Error Handling
164
+
165
+ - If STATE.md is corrupted, offer to rebuild from phase files
166
+ - If phase files are missing but marked complete, flag inconsistency
167
+ - Always show what commands are available regardless of state
168
+
169
+ ---
170
+
171
+ ## Workflow Navigation
172
+
173
+ | | |
174
+ |---|---|
175
+ | **This command** | `/dp:progress` — View workflow status |
176
+ | **Useful anytime** | Works at any point in the workflow |
177
+ | **Related** | `/dp:start` — Initialize if no workflow found |
178
+ | | `/dp:verify` — Detailed quality check at end of workflow |
@@ -0,0 +1,83 @@
1
+ ---
2
+ name: dp-roadmap
3
+ description: Build a theme-based UX roadmap using NNGroup's Now/Next/Future methodology. Optional Phase 1.5c in DP workflow, between Discovery and UX.
4
+ ---
5
+
6
+ # /dp:roadmap — UX Roadmap Phase
7
+
8
+ You are running the UX roadmapping phase of the DP workflow. Invoke the `dp-roadmap` skill immediately.
9
+
10
+ ## What this command does
11
+
12
+ Produces a strategic, living roadmap artifact using Sarah Gibbons' (NNGroup) methodology:
13
+ - Theme-based, not feature-based
14
+ - Now / Next / Future time horizons (default), or outcome-based / theme-ranked / lean variants
15
+ - Every theme includes Beneficiary, Need, Business Objective, Confidence, Disclaimers
16
+ - Integrates prioritization (RICE, ICE, MoSCoW, Kano, Value/Effort, or Opportunity Scoring)
17
+
18
+ ## Workflow
19
+
20
+ ### Step 1 — Detect workflow mode
21
+
22
+ ```bash
23
+ ls .design/config.json 2>/dev/null
24
+ ```
25
+
26
+ If found → workflow mode. Load:
27
+ - `.design/config.json`
28
+ - `.design/phases/DISCOVERY.md`
29
+ - `.design/phases/JOURNEY-MAP.md` (if exists)
30
+ - Any research artifacts under `.design/research/` (e.g., `RESEARCH-PLAN.md`, `FINDINGS-*.md`)
31
+ - `.design/phases/PRD.md` (if exists)
32
+ - `.design/phases/01.5c-CONTEXT.md` (if `/dp:discuss` was run)
33
+
34
+ If not found → standalone mode. Ask scope (team / product / portfolio) and whether new vs. updating.
35
+
36
+ ### Step 2 — Invoke the skill
37
+
38
+ Invoke the `dp-roadmap` skill. The skill drives:
39
+ - Roadmap type selection (4 options)
40
+ - High-level goals and scope definition
41
+ - 6-step process: Goals → Inputs → Themes → Prioritize → Visualize → Revisit
42
+ - Prioritization framework selection
43
+ - Output generation
44
+
45
+ ### Step 3 — Write output
46
+
47
+ **Workflow mode:** writes `.design/phases/ROADMAP.md` and updates STATE.md, config.json.
48
+
49
+ **Standalone mode:** outputs inline; offers to save.
50
+
51
+ ### Step 4 — Handoff
52
+
53
+ After completion, suggest next step:
54
+ - `/dp:ux` — continue to UX phase (work on Now themes)
55
+ - `/dp:prd` — generate PRD for highest-priority theme
56
+ - `/dp:research` — validate low-confidence Future themes
57
+
58
+ ## When to use this command
59
+
60
+ - Quarterly / annual UX planning at team or org level
61
+ - Aligning stakeholders around a problem portfolio
62
+ - Converting journey-map opportunities into prioritized work
63
+ - Replacing a feature-based roadmap with a theme-based one
64
+ - Re-planning after a strategic shift
65
+
66
+ ## When NOT to use this command
67
+
68
+ - Sprint planning or backlog — too tactical, use a PM tool
69
+ - Feature specs — use `/dp:prd`
70
+ - Individual feature design — use `/dp:ux` + `/dp:ui`
71
+ - Engineering/tech-debt roadmaps — different audience and criteria
72
+
73
+ ## Workflow Navigation
74
+
75
+ | | |
76
+ |---|---|
77
+ | **Previous** | `/dp:discovery` — Discovery (Phase 1) |
78
+ | **Parallel** | `/dp:prd` (1.5a), `/dp:journey` (1.5b) |
79
+ | **This** | `/dp:roadmap` — Roadmap (Phase 1.5c) |
80
+ | **Next** | `/dp:ux` — UX phase (Phase 2) |
81
+ | **Related** | `/dp:research` — Close open questions |
82
+ | | `/dp:discuss` — Capture context first |
83
+ | | `/dp:back` — Return to discovery |
@@ -0,0 +1,186 @@
1
+ ---
2
+ name: dp-skip
3
+ description: Skip the current DP workflow phase and move to the next one. Use when a phase is not needed or already addressed elsewhere.
4
+ ---
5
+
6
+ # /dp:skip — Skip Current Phase
7
+
8
+ You are skipping the current phase in the DP workflow. This moves to the next phase without running the current phase's skill.
9
+
10
+ ## When to Use
11
+
12
+ - Phase requirements already met elsewhere
13
+ - Time constraints require skipping
14
+ - Phase not applicable for this project
15
+ - User wants to focus on specific phases only
16
+
17
+ ## Workflow
18
+
19
+ ### Step 1: Check Workflow Exists
20
+
21
+ ```bash
22
+ ls .design/config.json 2>/dev/null
23
+ ```
24
+
25
+ ### Step 2: Get Current Phase
26
+
27
+ Read `.design/STATE.md` and `.design/config.json` to determine:
28
+ - Current phase number
29
+ - Current phase name
30
+ - Next phase
31
+
32
+ ### Step 3: Confirm Skip
33
+
34
+ Ask for confirmation:
35
+
36
+ ```
37
+ You're about to skip: Phase [N] — [Phase Name]
38
+
39
+ This phase would normally produce: [output file]
40
+
41
+ Skipping means:
42
+ • No [output] will be generated
43
+ • Next phase won't have this context
44
+ • /dp:verify may flag missing artifacts
45
+
46
+ Are you sure? (y/n)
47
+
48
+ If you want to provide minimal context instead, use /dp:discuss first.
49
+ ```
50
+
51
+ ### Step 4: Handle Skip Options
52
+
53
+ **If confirmed:**
54
+ 1. Update `.design/STATE.md`:
55
+ - Mark current phase as "skipped"
56
+ - Set next phase as current
57
+ - Add skip to activity log
58
+ - Note reason if provided
59
+
60
+ 2. Update `.design/config.json`:
61
+ - Add current phase to `phases_completed` with status "skipped"
62
+ - Increment `current_phase`
63
+
64
+ 3. Create placeholder in `.design/phases/`:
65
+ - Create `{PHASE_NAME}.md` with skip marker
66
+ ```markdown
67
+ # [Phase Name]: SKIPPED
68
+
69
+ > Skipped: [TIMESTAMP]
70
+ > Reason: [user provided reason or "User chose to skip"]
71
+
72
+ This phase was skipped. Context may be incomplete for subsequent phases.
73
+
74
+ To complete this phase later, run: /[skill-name]
75
+ ```
76
+
77
+ **Output:**
78
+ ```
79
+ ✓ Skipped: Phase [N] — [Phase Name]
80
+
81
+ New Position:
82
+ Phase: [N+1] of 4 ([Next Phase Name])
83
+ Status: Ready
84
+ Progress: [████░░░░░░] [X]%
85
+
86
+ Next: Run /[next-skill] to continue
87
+ Or /dp:back to return to [Phase Name]
88
+ ```
89
+
90
+ ### Step 5: Edge Cases
91
+
92
+ **Skipping Discovery (Phase 1):**
93
+ ```
94
+ ⚠️ Skipping Discovery is not recommended.
95
+
96
+ Discovery establishes:
97
+ • Problem statement
98
+ • User personas
99
+ • Requirements
100
+ • Constraints
101
+
102
+ Without discovery, subsequent phases lack critical context.
103
+
104
+ Alternatives:
105
+ 1. /dp:discuss — Provide minimal context without full interrogation
106
+ 2. Paste existing brief — If you have a design brief, share it and I'll extract context
107
+
108
+ Still skip? (y/n)
109
+ ```
110
+
111
+ **Skipping Review (Phase 4):**
112
+ ```
113
+ Skipping Review means:
114
+ • No quality score
115
+ • No accessibility audit
116
+ • No spec alignment check
117
+
118
+ This is only recommended if:
119
+ • Code hasn't been implemented yet
120
+ • You'll run /dp:eng_review later
121
+
122
+ Skip anyway? (y/n)
123
+ ```
124
+
125
+ **Skipping when already on last phase:**
126
+ ```
127
+ You're on the last phase (Review).
128
+
129
+ Options:
130
+ • Run /dp:eng_review to complete the workflow
131
+ • Run /dp:verify to check deliverables
132
+ • Consider the workflow complete without formal review
133
+ ```
134
+
135
+ **All phases skipped:**
136
+ If user tries to skip all phases, warn that this defeats the purpose:
137
+ ```
138
+ ⚠️ All phases would be skipped.
139
+
140
+ If you don't need the DP workflow, run skills standalone instead:
141
+ • /dp:discovery — Discovery
142
+ • /dp:ux — Usability
143
+ • /dp:ui — Visual design
144
+ • /dp:eng_review — Code review
145
+
146
+ These work without the workflow infrastructure.
147
+ ```
148
+
149
+ ## State Updates
150
+
151
+ **STATE.md updates:**
152
+ ```markdown
153
+ ## Phase Status
154
+
155
+ | # | Phase | Status | Completed | Output |
156
+ |---|-------|--------|-----------|--------|
157
+ | 1 | Discovery | ⊘ skipped | 2024-01-15 | — |
158
+ | 2 | UX | ◐ current | — | UX-DECISIONS.md |
159
+ ```
160
+
161
+ **Activity log entry:**
162
+ ```markdown
163
+ ### Last Activity
164
+ - **Date:** [TIMESTAMP]
165
+ - **Action:** Skipped Discovery phase
166
+ - **Reason:** [User provided reason]
167
+ ```
168
+
169
+ ## Recovery
170
+
171
+ To undo a skip:
172
+ 1. `/dp:back` returns to the skipped phase
173
+ 2. Running the phase skill will generate the output
174
+ 3. Phase status changes from "skipped" to "completed"
175
+
176
+ ---
177
+
178
+ ## Workflow Navigation
179
+
180
+ | | |
181
+ |---|---|
182
+ | **This command** | `/dp:skip` — Skip current phase |
183
+ | **Use when** | Phase output already exists or isn't needed |
184
+ | **Advances to** | The next phase in sequence |
185
+ | **Undo with** | `/dp:back` — Return to the skipped phase |
186
+ | **Related** | `/dp:progress` — See current phase and what was skipped |