get-shit-pretty 0.7.0 → 0.7.1

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 (106) hide show
  1. package/README.md +13 -28
  2. package/gsp/agents/gsp-accessibility-auditor.md +1 -60
  3. package/gsp/agents/gsp-brand-auditor.md +1 -61
  4. package/gsp/agents/gsp-brand-creative-director.md +10 -0
  5. package/gsp/agents/gsp-brand-engineer.md +1 -122
  6. package/gsp/agents/gsp-brand-researcher.md +11 -0
  7. package/gsp/agents/gsp-brand-strategist.md +1 -65
  8. package/gsp/agents/gsp-project-builder.md +17 -0
  9. package/gsp/agents/gsp-project-critic.md +11 -0
  10. package/gsp/agents/gsp-project-designer.md +11 -0
  11. package/gsp/agents/gsp-project-researcher.md +1 -74
  12. package/gsp/agents/gsp-project-reviewer.md +12 -0
  13. package/gsp/hooks/hooks.json +10 -28
  14. package/gsp/skills/get-shit-pretty/SKILL.md +2 -5
  15. package/gsp/skills/gsp-accessibility/SKILL.md +0 -1
  16. package/gsp/skills/gsp-accessibility-audit/SKILL.md +9 -8
  17. package/gsp/skills/gsp-accessibility-audit/methodology/gsp-accessibility-auditor.md +59 -0
  18. package/gsp/skills/gsp-add-reference/SKILL.md +0 -1
  19. package/gsp/skills/gsp-art/SKILL.md +13 -10
  20. package/gsp/skills/gsp-brand-audit/SKILL.md +4 -2
  21. package/gsp/skills/gsp-brand-audit/methodology/gsp-brand-auditor.md +61 -0
  22. package/gsp/skills/gsp-brand-brief/SKILL.md +129 -0
  23. package/gsp/skills/gsp-brand-guidelines/SKILL.md +13 -11
  24. package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-engineer.md +122 -0
  25. package/gsp/skills/gsp-brand-identity/SKILL.md +12 -11
  26. package/gsp/{agents/gsp-creative-director.md → skills/gsp-brand-identity/methodology/gsp-brand-creative-director.md} +0 -9
  27. package/gsp/skills/gsp-brand-refine/SKILL.md +0 -1
  28. package/gsp/skills/gsp-brand-research/SKILL.md +13 -13
  29. package/gsp/{agents/gsp-researcher.md → skills/gsp-brand-research/methodology/gsp-brand-researcher.md} +0 -10
  30. package/gsp/skills/gsp-brand-strategy/SKILL.md +14 -14
  31. package/gsp/skills/gsp-brand-strategy/methodology/gsp-brand-strategist.md +65 -0
  32. package/gsp/skills/gsp-brand-sync/SKILL.md +60 -10
  33. package/gsp/skills/gsp-color/SKILL.md +0 -1
  34. package/gsp/skills/gsp-design-system/SKILL.md +0 -1
  35. package/gsp/skills/gsp-doctor/SKILL.md +0 -1
  36. package/gsp/skills/gsp-help/SKILL.md +0 -2
  37. package/gsp/skills/gsp-icons/SKILL.md +0 -1
  38. package/gsp/skills/gsp-logo/SKILL.md +0 -1
  39. package/gsp/skills/gsp-phase-transition/SKILL.md +0 -3
  40. package/gsp/skills/gsp-pretty/SKILL.md +25 -24
  41. package/gsp/skills/gsp-progress/SKILL.md +0 -1
  42. package/gsp/skills/gsp-project-brief/SKILL.md +51 -22
  43. package/gsp/skills/gsp-project-build/SKILL.md +18 -14
  44. package/gsp/{agents/gsp-builder.md → skills/gsp-project-build/methodology/gsp-project-builder.md} +0 -16
  45. package/gsp/skills/gsp-project-critique/SKILL.md +13 -13
  46. package/gsp/{agents/gsp-critic.md → skills/gsp-project-critique/methodology/gsp-project-critic.md} +0 -11
  47. package/gsp/skills/gsp-project-design/SKILL.md +9 -6
  48. package/gsp/{agents/gsp-designer.md → skills/gsp-project-design/methodology/gsp-project-designer.md} +0 -11
  49. package/gsp/skills/gsp-project-research/SKILL.md +4 -2
  50. package/gsp/skills/gsp-project-research/methodology/gsp-project-researcher.md +73 -0
  51. package/gsp/skills/gsp-project-review/SKILL.md +8 -5
  52. package/gsp/{agents/gsp-reviewer.md → skills/gsp-project-review/methodology/gsp-project-reviewer.md} +0 -12
  53. package/gsp/skills/gsp-scaffold/SKILL.md +0 -1
  54. package/gsp/skills/gsp-start/SKILL.md +59 -210
  55. package/gsp/skills/gsp-style/SKILL.md +1 -2
  56. package/gsp/skills/gsp-style/styles/academia.md +751 -787
  57. package/gsp/skills/gsp-style/styles/art-deco.md +316 -352
  58. package/gsp/skills/gsp-style/styles/bauhaus.md +189 -225
  59. package/gsp/skills/gsp-style/styles/bold-typography.md +433 -469
  60. package/gsp/skills/gsp-style/styles/botanical.md +141 -177
  61. package/gsp/skills/gsp-style/styles/claymorphism.md +377 -413
  62. package/gsp/skills/gsp-style/styles/cyberpunk.md +419 -455
  63. package/gsp/skills/gsp-style/styles/enterprise.md +224 -260
  64. package/gsp/skills/gsp-style/styles/flat-design.md +119 -155
  65. package/gsp/skills/gsp-style/styles/fluent.md +0 -31
  66. package/gsp/skills/gsp-style/styles/glassmorphism.md +0 -36
  67. package/gsp/skills/gsp-style/styles/humanist-literary.md +0 -28
  68. package/gsp/skills/gsp-style/styles/industrial.md +406 -438
  69. package/gsp/skills/gsp-style/styles/kinetic.md +531 -563
  70. package/gsp/skills/gsp-style/styles/liquid-glass.md +0 -36
  71. package/gsp/skills/gsp-style/styles/luxury.md +402 -438
  72. package/gsp/skills/gsp-style/styles/material.md +555 -591
  73. package/gsp/skills/gsp-style/styles/maximalism.md +875 -911
  74. package/gsp/skills/gsp-style/styles/minimal-dark.md +442 -478
  75. package/gsp/skills/gsp-style/styles/modern-dark.md +390 -426
  76. package/gsp/skills/gsp-style/styles/monochrome.md +472 -504
  77. package/gsp/skills/gsp-style/styles/neubrutalism.md +354 -390
  78. package/gsp/skills/gsp-style/styles/neumorphism.md +195 -231
  79. package/gsp/skills/gsp-style/styles/newsprint.md +529 -565
  80. package/gsp/skills/gsp-style/styles/organic.md +177 -213
  81. package/gsp/skills/gsp-style/styles/playful-geometric.md +211 -247
  82. package/gsp/skills/gsp-style/styles/professional.md +503 -539
  83. package/gsp/skills/gsp-style/styles/retro.md +664 -700
  84. package/gsp/skills/gsp-style/styles/saas.md +490 -526
  85. package/gsp/skills/gsp-style/styles/sketch.md +189 -225
  86. package/gsp/skills/gsp-style/styles/swiss-minimalist.md +195 -227
  87. package/gsp/skills/gsp-style/styles/terminal.md +99 -135
  88. package/gsp/skills/gsp-style/styles/vaporwave.md +356 -392
  89. package/gsp/skills/gsp-style/styles/web3.md +337 -373
  90. package/gsp/skills/gsp-typography/SKILL.md +0 -1
  91. package/gsp/skills/gsp-update/SKILL.md +0 -1
  92. package/gsp/skills/gsp-visuals/SKILL.md +0 -1
  93. package/gsp/templates/branding/config.json +1 -1
  94. package/gsp/templates/exports-index.md +0 -7
  95. package/gsp/templates/projects/config.json +1 -1
  96. package/gsp/templates/projects/roadmap.md +0 -7
  97. package/gsp/templates/projects/state.md +0 -4
  98. package/package.json +1 -1
  99. package/scripts/lint-check.sh +1 -1
  100. package/gsp/agents/gsp-ascii-artist.md +0 -66
  101. package/gsp/agents/gsp-brand-syncer.md +0 -126
  102. package/gsp/agents/gsp-campaign-director.md +0 -79
  103. package/gsp/agents/gsp-scoper.md +0 -85
  104. package/gsp/skills/gsp-launch/SKILL.md +0 -97
  105. package/gsp/skills/gsp-start/questioning.md +0 -87
  106. package/gsp/templates/phases/launch.md +0 -55
@@ -2,7 +2,6 @@
2
2
  name: gsp-progress
3
3
  description: How pretty are we?
4
4
  user-invocable: true
5
- model: sonnet
6
5
  allowed-tools:
7
6
  - Read
8
7
  - Glob
@@ -2,12 +2,10 @@
2
2
  name: gsp-project-brief
3
3
  description: Scope what you're building
4
4
  user-invocable: true
5
- model: sonnet
6
5
  allowed-tools:
7
6
  - Read
8
7
  - Write
9
8
  - Bash
10
- - Agent
11
9
  - Grep
12
10
  - Glob
13
11
  ---
@@ -24,7 +22,6 @@ Scope the project and plan adaptations from the brand system.
24
22
 
25
23
  **Input:** Brand system (via brand.ref) + project BRIEF.md + config.json
26
24
  **Output:** `{project}/brief/` (scope.md, target-adaptations.md, conditionals, INDEX.md)
27
- **Agent:** `gsp-scoper`
28
25
  </objective>
29
26
 
30
27
  <execution_context>
@@ -77,30 +74,62 @@ Suggest to the user:
77
74
 
78
75
  If the project scope feels large, suggest breaking it into multiple bounded issues — each one a focused deliverable that can be reviewed independently.
79
76
 
80
- ## Step 2: Spawn scoper
77
+ ## Step 2: Scope the project
81
78
 
82
- Spawn the `gsp-scoper` agent. **Inline all content** the agent should not need to read any input files.
83
-
84
- Pass in the agent prompt:
85
- - **Content of** brand patterns foundation + component chunks (loaded in Step 1)
86
- - **Content of** brand `.yml` preset (loaded in Step 1)
87
- - **Content of** BRIEF.md (loaded in Step 1)
88
- - **Content of** `.design/system/STACK.md`, `COMPONENTS.md` (when loaded in Step 1)
89
- - **Content of** CHANGELOG.md + relevant MANIFEST.md files (loaded in Step 1)
90
- - Brief output template (from execution_context)
91
- - `implementation_target`, `design_scope`, `codebase_type`
92
- - **Output path:** `{PROJECT_PATH}/brief/`
79
+ Using all context loaded in Step 1, scope the project directly. Act as a Senior Design Project Lead bridging the brand system and the project's specific needs.
93
80
 
94
81
  If any sibling project is active and its scope overlaps with this project, flag it: "⚠️ {name} is actively working on {scope}. Coordinate to avoid conflicts."
95
82
  If this project modifies components from a sibling's manifest, note provenance.
96
83
 
97
- The agent writes chunks directly:
98
- - `brief/scope.md`
99
- - `brief/target-adaptations.md`
100
- - `brief/install-manifest.md` (shadcn/rn-reusables)
101
- - `brief/gap-analysis.md` (existing target)
102
- - `brief/file-references.md` (existing target)
103
- - `brief/INDEX.md`
84
+ ### Scoping process
85
+
86
+ 1. **Analyze brief** — what's being built, for whom, on what platforms
87
+ 2. **Define screen list** — prioritized screens from brief, user flows, success criteria
88
+ 3. **Map component scope** — which brand system components this project needs
89
+ 4. **Identify adaptations** — project-specific variants, overrides, or extensions to brand components
90
+ 5. **Map to implementation target** — connect design components to target primitives (shadcn, rn-reusables, existing, code)
91
+ 6. **Gap analysis** (existing codebases) — what's in the brand system but missing from the codebase
92
+ 7. **Generate install manifest** (shadcn/rn-reusables) — install commands for needed components
93
+ 8. **Issue framing** — suggest how to break the project into bounded, shippable issues
94
+
95
+ ### Quality standards
96
+
97
+ - Every screen has a clear purpose and priority level
98
+ - Component adaptations reference specific brand system components
99
+ - Gap analysis is concrete (component names, token names)
100
+ - Install manifests are copy-paste ready
101
+ - Scope boundaries are explicit (what's in, what's out)
102
+
103
+ ### Write chunks to `{PROJECT_PATH}/brief/`
104
+
105
+ Use the brief output template from execution_context for chunk formatting.
106
+
107
+ 1. **`scope.md`** (~80-120 lines) — prioritized screen list, component scope, project boundaries, success criteria, dependencies, issue framing
108
+ 2. **`target-adaptations.md`** (~60-100 lines) — token overrides, component adaptations, platform considerations, implementation target mapping
109
+ 3. **`install-manifest.md`** (shadcn/rn-reusables only) — install commands for all needed components
110
+ 4. **`gap-analysis.md`** (existing target only) — components/tokens in brand system but not in codebase
111
+ 5. **`file-references.md`** (existing target only) — paths to existing components/tokens being used
112
+
113
+ Cross-references: `target-adaptations.md` links to `{BRAND_PATH}/patterns/components/{name}.md`; `gap-analysis.md` links to brand system components and tokens; `scope.md` references the project BRIEF.md.
114
+
115
+ ### Write `INDEX.md`
116
+
117
+ ```markdown
118
+ # Brief
119
+ > Phase: brief | Project: {name} | Generated: {DATE}
120
+
121
+ ## Scoping
122
+
123
+ | Chunk | File | ~Lines |
124
+ |-------|------|--------|
125
+ | Scope | [scope.md](./scope.md) | ~{N} |
126
+ | Target Adaptations | [target-adaptations.md](./target-adaptations.md) | ~{N} |
127
+ | Install Manifest | [install-manifest.md](./install-manifest.md) | ~{N} |
128
+ | Gap Analysis | [gap-analysis.md](./gap-analysis.md) | ~{N} |
129
+ | File References | [file-references.md](./file-references.md) | ~{N} |
130
+ ```
131
+
132
+ Only include rows for chunks that were actually produced.
104
133
 
105
134
  ## Step 3: Write exports
106
135
 
@@ -1,9 +1,7 @@
1
1
  ---
2
2
  name: gsp-project-build
3
- description: Translate designs to code
3
+ description: Translate designs to code (technical phase — benefits from capable models)
4
4
  user-invocable: true
5
- model: opus
6
- effort: high
7
5
  allowed-tools:
8
6
  - Read
9
7
  - Write
@@ -24,7 +22,7 @@ Works with the dual-diamond architecture: reads brand system from `.design/brand
24
22
  Phase 1: SCAFFOLD (skill-level, no agent)
25
23
  └─ /gsp-scaffold → verify build passes
26
24
 
27
- Phase 2: FOUNDATIONS (agent: gsp-builder mode:foundations)
25
+ Phase 2: FOUNDATIONS (agent: gsp-project-builder mode:foundations)
28
26
  ├─ Context: {brand-name}.yml + token-mapping.md, target-adaptations.md, STACK.md, CONVENTIONS.md
29
27
  ├─ Writes: token config, global CSS, layout, shared utils
30
28
  └─ CHECKPOINT: build must compile
@@ -32,7 +30,7 @@ Phase 2: FOUNDATIONS (agent: gsp-builder mode:foundations)
32
30
  Phase 3: FOUNDATION REVIEW (interactive)
33
31
  └─ Present summary → user confirms
34
32
 
35
- Phase 4: SCREENS (agent: gsp-builder mode:screen, one per screen)
33
+ Phase 4: SCREENS (agent: gsp-project-builder mode:screen, one per screen)
36
34
  ├─ Context per screen: its design chunk + referenced components only
37
35
  ├─ Agent reads foundations from codebase (not from context)
38
36
  ├─ CHECKPOINT per screen: compile check
@@ -45,7 +43,7 @@ Implement designs as production-ready code in the codebase via phased pipeline w
45
43
 
46
44
  **Input:** Design chunks + research chunks + brief chunks + brand system chunks
47
45
  **Output:** Code in the codebase + `{project}/build/BUILD-LOG.md` + `{project}/build/SCAFFOLD-LOG.md`
48
- **Agent:** `gsp-builder` (spawned per phase with execution mode)
46
+ **Agent:** `gsp-project-builder` (spawned per phase with execution mode)
49
47
  </objective>
50
48
 
51
49
  <execution_context>
@@ -113,19 +111,23 @@ After scaffold completes, verify `{PROJECT_PATH}/build/SCAFFOLD-LOG.md` exists.
113
111
 
114
112
  **Gate:** If scaffold reports build failure, stop and surface the error. Do not proceed to foundations with a broken build.
115
113
 
116
- ## Step 2.5: Load build references
114
+ ## Step 2.5: Load agent methodology
115
+
116
+ Read `${CLAUDE_SKILL_DIR}/methodology/gsp-project-builder.md`. Include the full content as **Agent methodology** in all agent prompts below (Steps 3, 5, 7, 8).
117
+
118
+ ## Step 2.6: Load build references
117
119
 
118
120
  Read these reference files:
119
121
  - `${CLAUDE_SKILL_DIR}/visual-effects.md`
120
122
  - `${CLAUDE_SKILL_DIR}/../gsp-project-design/block-patterns.md`
121
123
 
122
- Hold their content for inlining into agent prompts in Steps 3 and 5.
124
+ Hold their content for inlining into agent prompts in Steps 3, 5, 7, and 8.
123
125
 
124
- > **Note:** Anti-patterns are distilled into the `gsp-builder` agent prompt. Full ref remains on disk for edge-case agent lookup.
126
+ > **Note:** Anti-patterns are distilled into the `gsp-project-builder` agent prompt. Full ref remains on disk for edge-case agent lookup.
125
127
 
126
128
  ## Step 3: Phase 2 — FOUNDATIONS
127
129
 
128
- Spawn `gsp-builder` agent with **execution_mode: foundations**.
130
+ Spawn `gsp-project-builder` agent with **execution_mode: foundations**.
129
131
 
130
132
  ### Context for foundations agent (lean — no screen chunks):
131
133
 
@@ -139,7 +141,8 @@ Spawn `gsp-builder` agent with **execution_mode: foundations**.
139
141
  | `.design/system/COMPONENTS.md` | Existing components (if exists) |
140
142
  | `{PROJECT_PATH}/config.json` | Tech stack, target |
141
143
  | Build output template (from execution_context) | Build log structure |
142
- | Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
144
+ | Visual effects, block patterns refs (loaded in Step 2.6) | Design patterns + CSS recipes |
145
+ | Agent methodology (loaded in Step 2.5) | Builder role, process, quality standards |
143
146
 
144
147
  ### Agent instructions:
145
148
 
@@ -237,7 +240,8 @@ Build screens sequentially. For each screen in `SCREENS`:
237
240
  | `{PROJECT_PATH}/research/reference-specs.md` (if exists) | Technical specs |
238
241
  | `{PROJECT_PATH}/critique/prioritized-fixes.md` (if exists) | Critique fixes relevant to this screen |
239
242
  | Build output template (from execution_context) | Build log structure |
240
- | Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
243
+ | Visual effects, block patterns refs (loaded in Step 2.6) | Design patterns + CSS recipes |
244
+ | Agent methodology (loaded in Step 2.5) | Builder role, process, quality standards |
241
245
 
242
246
  **Does NOT receive:** other screen chunks, brand `.yml` (already integrated into codebase), full brand system, research monoliths.
243
247
 
@@ -359,11 +363,11 @@ Invoke `/gsp-phase-transition` with phase `build` and output directory `{PROJECT
359
363
 
360
364
  ## Step 7: Figma fallback
361
365
 
362
- For `implementation_target: figma`, skip the phased pipeline. Spawn a single `gsp-builder` agent with execution_mode: `full` and spec-only flag. Builder writes `build/CODE.md` + `build/components/` instead of editing codebase. Then continue from Step 6 (finalize).
366
+ For `implementation_target: figma`, skip the phased pipeline. Spawn a single `gsp-project-builder` agent with execution_mode: `full` and spec-only flag. Builder writes `build/CODE.md` + `build/components/` instead of editing codebase. Then continue from Step 6 (finalize).
363
367
 
364
368
  ## Step 8: Revision mode
365
369
 
366
- For `needs-revision` status, spawn a single `gsp-builder` agent with execution_mode: `full` and `review/issues.md` contents. The agent fixes QA issues in the codebase and appends revision sections to BUILD-LOG.md.
370
+ For `needs-revision` status, spawn a single `gsp-project-builder` agent with execution_mode: `full` and `review/issues.md` contents. The agent fixes QA issues in the codebase and appends revision sections to BUILD-LOG.md.
367
371
 
368
372
  ### Brand feedback on revisions
369
373
 
@@ -1,19 +1,3 @@
1
- ---
2
- name: gsp-builder
3
- description: Implements designs in the codebase as production-ready frontend code. Spawned by /gsp-project-build.
4
- tools: Read, Write, Edit, Bash, Grep, Glob
5
- maxTurns: 100
6
- permissionMode: acceptEdits
7
- memory: project
8
- hooks:
9
- PostToolUse:
10
- - matcher: "Edit|Write"
11
- hooks:
12
- - type: command
13
- command: "${CLAUDE_PROJECT_ROOT}/scripts/lint-check.sh"
14
- color: cyan
15
- ---
16
-
17
1
  <role>
18
2
  You are a GSP builder spawned by `/gsp-project-build`.
19
3
 
@@ -1,9 +1,7 @@
1
1
  ---
2
2
  name: gsp-project-critique
3
- description: Critique your designs + accessibility audit
3
+ description: Critique your designs + accessibility audit (creative phase — benefits from capable models)
4
4
  user-invocable: true
5
- model: opus
6
- effort: high
7
5
  context: fork
8
6
  allowed-tools:
9
7
  - Read
@@ -22,13 +20,9 @@ Critique design quality and audit accessibility compliance.
22
20
 
23
21
  **Input:** All prior project chunks + brand identity
24
22
  **Output:** `{project}/critique/` (critique + accessibility chunks + INDEX.md) + exports/INDEX.md update
25
- **Agents:** `gsp-critic` + `gsp-accessibility-auditor`
23
+ **Agents:** `gsp-project-critic` + `gsp-accessibility-auditor`
26
24
  </objective>
27
25
 
28
- <execution_context>
29
- @${CLAUDE_SKILL_DIR}/../../templates/phases/critique.md
30
- </execution_context>
31
-
32
26
  <process>
33
27
  ## Step 0: Resolve project and brand
34
28
 
@@ -70,19 +64,24 @@ Read `{PROJECT_PATH}/config.json` to get `implementation_target`, `design_scope`
70
64
 
71
65
  ## Step 1.8: Load critique references
72
66
 
73
- Read these reference files:
67
+ Read these reference files and hold their content for inlining into agent prompts in Step 2:
74
68
  - `${CLAUDE_SKILL_DIR}/../gsp-accessibility-audit/wcag-checklist.md`
75
69
  - `${CLAUDE_SKILL_DIR}/../gsp-color/references/color-composition.md`
70
+ - `${CLAUDE_SKILL_DIR}/../gsp-accessibility-audit/methodology/gsp-accessibility-auditor.md`
71
+ - `${CLAUDE_SKILL_DIR}/../../templates/phases/critique.md` — critique output template
72
+
73
+ > **Note:** Nielsen's heuristics, visual taste, and anti-patterns are distilled into the `gsp-project-critic` agent prompt. Full refs remain on disk for edge-case agent lookup.
76
74
 
77
- Hold their content for inlining into agent prompts in Step 2.
75
+ ## Step 1.9: Load agent methodology
78
76
 
79
- > **Note:** Nielsen's heuristics, visual taste, and anti-patterns are distilled into the `gsp-critic` agent prompt. Full refs remain on disk for edge-case agent lookup.
77
+ Read `${CLAUDE_SKILL_DIR}/methodology/gsp-project-critic.md`. Include the full content as **Agent methodology** in the gsp-project-critic agent prompt below.
80
78
 
81
79
  ## Step 2: Spawn critics (parallel)
82
80
 
83
81
  **Inline all project content** — agents should not need to read project files. Reference files for supplementary evaluation (visual-taste, anti-patterns) are on disk — the critic reads them as needed.
84
82
 
85
- **Agent 1: gsp-critic** — Pass in the agent prompt:
83
+ **Agent 1: gsp-project-critic** — Pass in the agent prompt:
84
+ - **Agent methodology** (loaded in Step 1.9)
86
85
  - **Content of** all design chunks (loaded in Step 1)
87
86
  - **Content of** all identity chunks (loaded in Step 1)
88
87
  - **Content of** all patterns chunks (loaded in Step 1)
@@ -91,7 +90,7 @@ Hold their content for inlining into agent prompts in Step 2.
91
90
  - **Content of** research recommendations.md (loaded in Step 1)
92
91
  - **Content of** BRIEF.md
93
92
  - **Content of** color composition reference (loaded in Step 1.8)
94
- - Critique output template (from execution_context)
93
+ - **Content of** critique output template (loaded in Step 1.8)
95
94
  - `references_path`: `${CLAUDE_SKILL_DIR}/` — for supplementary Read access to visual-taste.md, anti-patterns.md
96
95
  - Output path: `{PROJECT_PATH}/critique/`
97
96
 
@@ -100,6 +99,7 @@ Hold their content for inlining into agent prompts in Step 2.
100
99
  - **Content of** identity color-system.md and typography.md (loaded in Step 1)
101
100
  - **Content of** patterns tokens chunks (loaded in Step 1)
102
101
  - **Content of** WCAG checklist reference (loaded in Step 1.8)
102
+ - **Agent methodology** (loaded in Step 1.8)
103
103
  - `accessibility_level` from config (defaults to "WCAG 2.2 AA")
104
104
  - Output path: `{PROJECT_PATH}/critique/`
105
105
 
@@ -1,14 +1,3 @@
1
- ---
2
- name: gsp-critic
3
- description: Structured design critique — strategy, brand contract, usability (Nielsen-scored), accessibility, content, implementation, and taste. Spawned by /gsp-project-critique.
4
- tools: Read, Write, Grep, Glob
5
- disallowedTools: Edit, Bash
6
- maxTurns: 40
7
- permissionMode: acceptEdits
8
- model: sonnet
9
- color: cyan
10
- ---
11
-
12
1
  <role>
13
2
  You are a GSP design critic spawned by `/gsp-project-critique`.
14
3
 
@@ -1,9 +1,7 @@
1
1
  ---
2
2
  name: gsp-project-design
3
- description: Design screens and interaction flows
3
+ description: Design screens and interaction flows (creative phase — benefits from capable models)
4
4
  user-invocable: true
5
- model: opus
6
- effort: high
7
5
  context: fork
8
6
  allowed-tools:
9
7
  - Read
@@ -24,7 +22,7 @@ Design core UI/UX screens and interaction flows.
24
22
 
25
23
  **Input:** Research + brief + brand system + project BRIEF.md
26
24
  **Output:** `{project}/design/` (screen chunks + shared/ + INDEX.md) + exports/INDEX.md update
27
- **Agent:** `gsp-designer`
25
+ **Agent:** `gsp-project-designer`
28
26
  </objective>
29
27
 
30
28
  <execution_context>
@@ -118,13 +116,18 @@ Read these reference files (relative to skill dir `${CLAUDE_SKILL_DIR}/../../ref
118
116
 
119
117
  Hold their content for inlining into the agent prompt in Step 3.
120
118
 
121
- > **Note:** Apple HIG patterns and anti-patterns are distilled into the `gsp-designer` agent prompt. Visual effects are covered by STYLE.md's patterns/constraints/effects blocks (from #69). Full refs remain on disk for edge-case agent lookup.
119
+ > **Note:** Apple HIG patterns and anti-patterns are distilled into the `gsp-project-designer` agent prompt. Visual effects are covered by STYLE.md's patterns/constraints/effects blocks (from #69). Full refs remain on disk for edge-case agent lookup.
120
+
121
+ ## Step 2.8: Load agent methodology
122
+
123
+ Read `${CLAUDE_SKILL_DIR}/methodology/gsp-project-designer.md`. Include the full content as **Agent methodology** in the agent prompt below.
122
124
 
123
125
  ## Step 3: Spawn designer
124
126
 
125
- Spawn the `gsp-designer` agent. **Inline all content** — the agent should not need to read any input files.
127
+ Spawn the `gsp-project-designer` agent. **Inline all content** — the agent should not need to read any input files.
126
128
 
127
129
  Pass in the agent prompt:
130
+ - **Agent methodology** (loaded in Step 2.8)
128
131
  - **Content of** STYLE.md when available — this is the primary visual direction. When STYLE.md exists, skip foundation chunks (color-system, typography, spacing, elevation, border-radius) — STYLE.md already contains this data. Only load selective component chunks.
129
132
  - **Content of** all brand patterns foundation chunks (only when STYLE.md does NOT exist — fallback for older brands)
130
133
  - **Content of** brand identity chunks: imagery-style.md (always — not covered by STYLE.md). Skip identity color-system.md and typography.md when STYLE.md exists (redundant).
@@ -1,13 +1,3 @@
1
- ---
2
- name: gsp-designer
3
- description: Designs UI/UX screens and interaction flows following Apple HIG. Spawned by /gsp-project-design.
4
- tools: Read, Write, Edit, Grep, Glob
5
- disallowedTools: Bash
6
- maxTurns: 80
7
- permissionMode: acceptEdits
8
- color: cyan
9
- ---
10
-
11
1
  <role>
12
2
  You are a GSP designer spawned by `/gsp-project-design`.
13
3
 
@@ -189,4 +179,3 @@ After generating chunks, update the project's `exports/INDEX.md`:
189
179
  <!-- END:design -->
190
180
  ```
191
181
  </output>
192
- </output>
@@ -2,8 +2,6 @@
2
2
  name: gsp-project-research
3
3
  description: Research UX patterns and technical approaches
4
4
  user-invocable: true
5
- model: sonnet
6
- effort: high
7
5
  allowed-tools:
8
6
  - Read
9
7
  - Write
@@ -81,6 +79,9 @@ If competitor URLs or reference sites are mentioned in BRIEF.md or `{PROJECT_PAT
81
79
 
82
80
  ## Step 2: Spawn project researcher
83
81
 
82
+ ### Load agent methodology
83
+ Read `${CLAUDE_SKILL_DIR}/methodology/gsp-project-researcher.md`. Include the full content as **Agent methodology** in the agent prompt below.
84
+
84
85
  Spawn the `gsp-project-researcher` agent. **Inline all content** — the agent should not need to read any input files.
85
86
 
86
87
  Pass in the agent prompt:
@@ -90,6 +91,7 @@ Pass in the agent prompt:
90
91
  - **Content of** custom references (loaded in Step 1)
91
92
  - **Content of** BRIEF.md (loaded in Step 1)
92
93
  - Any pre-fetched reference content (from Step 1.75)
94
+ - **Agent methodology** (loaded above)
93
95
  - Research output template (from execution_context)
94
96
  - `implementation_target`, `platform`, `tech_stack`
95
97
  - **Output path:** `{PROJECT_PATH}/research/`
@@ -0,0 +1,73 @@
1
+ <role>
2
+ You are a GSP project researcher spawned by `/gsp-project-research`.
3
+
4
+ Act as a Senior UX Researcher and Technical Analyst. Your job is to do deep, substantive research for this specific project — not surface-level summaries, but actionable insights that directly inform design and implementation decisions.
5
+
6
+ You research UX patterns for the product type, analyze how competitors solve similar problems, investigate technical approaches for the stack, find accessibility strategies, study content patterns, and — critically — collect reference specs and documentation that execution phases will need.
7
+
8
+ This is NOT brand-level discovery (that happens in `/gsp-brand-discover`). You build on brand discovery by going deep into project-specific concerns. If the brand discovery already covered competitor analysis at a brand level, you focus on competitor *UX* at a product level.
9
+ </role>
10
+
11
+ <methodology>
12
+ ## Research Process
13
+
14
+ 1. **Understand scope** — Read the brief's scope.md to know exactly what screens and flows are being built
15
+ 2. **Research UX patterns** — Find established patterns for this product type (dashboard, e-commerce, social, SaaS, etc.). Use WebSearch to find current best practices, case studies, and pattern libraries
16
+ 3. **Analyze competitor UX** — Identify 3-5 competitors or adjacent products. Analyze their UX deeply — not just "they have a dashboard" but *how* their dashboard solves specific problems, what interactions they use, what works and what doesn't
17
+ 4. **Technical research** — Investigate framework-specific patterns, component composition approaches, state management strategies, performance optimizations relevant to the tech stack and product type
18
+ 5. **Accessibility patterns** — Research a11y patterns specific to this product type — keyboard navigation maps, screen reader flows, focus management for complex interactions
19
+ 6. **Content strategy** — Study microcopy conventions, information density, terminology for this product category
20
+ 7. **Collect reference specs** — Find and summarize API docs, component library docs, platform guidelines, and third-party documentation the build phase will need. Include URLs and key takeaways
21
+ 8. **Synthesize recommendations** — Distill everything into adopt/adapt/avoid recommendations
22
+
23
+ ## Research Depth Standards
24
+ - Don't summarize — analyze. "Dashboard UX" is a topic, not research
25
+ - Every pattern must include a source (URL, product name, or study)
26
+ - Competitor analysis must be specific: describe actual interactions, not just features
27
+ - Technical research must be stack-specific: React patterns if it's React, RN patterns if it's RN
28
+ - Reference specs must include the actual information execution needs, not just links
29
+ - Recommendations must be tied to specific research findings
30
+ </methodology>
31
+
32
+ <output>
33
+ Write your research as chunks to the project's research directory (path provided by the skill that spawned you):
34
+
35
+ ### Research chunks
36
+
37
+ Write each chunk following the standard chunk format:
38
+
39
+ 1. **`ux-patterns.md`** (~120-180 lines) — Established UX patterns for this product type: navigation, interaction, IA, onboarding, empty states. With sources and examples.
40
+ 2. **`competitor-ux.md`** (~100-150 lines) — 3-5 competitor UX deep-dives with strengths, weaknesses, unique patterns, opportunity gaps, best-in-class moments.
41
+ 3. **`technical-research.md`** (~100-150 lines) — Framework patterns, component architecture, state management, performance, animation, integration patterns for the tech stack.
42
+ 4. **`accessibility-patterns.md`** (~80-120 lines) — Product-specific a11y: keyboard nav map, screen reader flow, focus management, touch a11y, cognitive load reduction.
43
+ 5. **`content-strategy.md`** (~60-100 lines) — Microcopy conventions, information density, terminology, tone adaptation for UI contexts.
44
+ 6. **`reference-specs.md`** (~80-150 lines) — Collected API specs, component library docs, platform guidelines, accessibility specs, third-party docs. Each with source URL, key takeaways, and how it applies.
45
+ 7. **`recommendations.md`** (~60-100 lines) — Adopt/adapt/avoid synthesis with links to specific findings in other research chunks.
46
+
47
+ ### Cross-references
48
+
49
+ - All chunks reference the project brief: `../brief/scope.md`
50
+ - `recommendations.md` links to specific sections in other research chunks
51
+ - `reference-specs.md` includes external URLs with retrieval dates
52
+
53
+ ### `INDEX.md`
54
+
55
+ After writing all chunks, write `INDEX.md` in the research directory:
56
+
57
+ ```markdown
58
+ # Research
59
+ > Phase: research | Project: {name} | Generated: {DATE}
60
+
61
+ ## Research
62
+
63
+ | Chunk | File | ~Lines |
64
+ |-------|------|--------|
65
+ | UX Patterns | [ux-patterns.md](./ux-patterns.md) | ~{N} |
66
+ | Competitor UX | [competitor-ux.md](./competitor-ux.md) | ~{N} |
67
+ | Technical Research | [technical-research.md](./technical-research.md) | ~{N} |
68
+ | Accessibility Patterns | [accessibility-patterns.md](./accessibility-patterns.md) | ~{N} |
69
+ | Content Strategy | [content-strategy.md](./content-strategy.md) | ~{N} |
70
+ | Reference Specs | [reference-specs.md](./reference-specs.md) | ~{N} |
71
+ | Recommendations | [recommendations.md](./recommendations.md) | ~{N} |
72
+ ```
73
+ </output>
@@ -2,8 +2,6 @@
2
2
  name: gsp-project-review
3
3
  description: QA review — validate implementation against designs
4
4
  user-invocable: true
5
- model: opus
6
- effort: high
7
5
  context: fork
8
6
  allowed-tools:
9
7
  - Read
@@ -24,7 +22,7 @@ QA validate the codebase implementation against design intent.
24
22
 
25
23
  **Input:** BUILD-LOG.md + actual codebase files + `git diff` + design chunks + brand system
26
24
  **Output:** `{project}/review/` (acceptance-report.md + issues.md + INDEX.md) + exports/INDEX.md update
27
- **Agent:** `gsp-reviewer`
25
+ **Agent:** `gsp-project-reviewer`
28
26
  </objective>
29
27
 
30
28
  <execution_context>
@@ -75,12 +73,17 @@ Also read `{BRAND_PATH}/patterns/{brand-name}.yml` (the brand's token/style sour
75
73
  3. Write `{PROJECT_PATH}/review/INDEX.md`
76
74
  4. Update `{PROJECT_PATH}/exports/INDEX.md` between `<!-- BEGIN:review -->` and `<!-- END:review -->` with populated table
77
75
  5. Update `{PROJECT_PATH}/STATE.md` — set Phase 6 (Review) to `complete` or `needs-revision`
78
- 6. Route: display verdict and suggest `/gsp-launch` or re-run `/gsp-project-review`
76
+ 6. Route: display verdict or re-run `/gsp-project-review`
79
77
  7. **Stop here**
80
78
 
79
+ ## Step 1.8: Load agent methodology
80
+
81
+ Read `${CLAUDE_SKILL_DIR}/methodology/gsp-project-reviewer.md`. Include the full content as **Agent methodology** in the agent prompt below.
82
+
81
83
  ## Step 2: Spawn reviewer
82
84
 
83
- Spawn the `gsp-reviewer` agent with:
85
+ Spawn the `gsp-project-reviewer` agent with:
86
+ - **Agent methodology** (loaded in Step 1.8)
84
87
  - BUILD-LOG.md contents
85
88
  - Actual codebase file paths (from BUILD-LOG.md)
86
89
  - `git diff` output
@@ -1,15 +1,3 @@
1
- ---
2
- name: gsp-reviewer
3
- description: QA validates actual codebase implementation against design intent. Spawned by /gsp-project-review.
4
- tools: Read, Write, Bash, Grep, Glob
5
- disallowedTools: Edit
6
- maxTurns: 60
7
- permissionMode: acceptEdits
8
- model: sonnet
9
- memory: project
10
- color: cyan
11
- ---
12
-
13
1
  <role>
14
2
  You are a GSP QA reviewer spawned by `/gsp-project-review`.
15
3
 
@@ -2,7 +2,6 @@
2
2
  name: gsp-scaffold
3
3
  description: Deterministic stack setup — install deps, create configs, verify build compiles
4
4
  user-invocable: true
5
- model: sonnet
6
5
  allowed-tools:
7
6
  - Read
8
7
  - Write