get-shit-pretty 0.6.2 → 0.7.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.
- package/README.md +7 -12
- package/bin/install.js +125 -84
- package/gsp/agents/gsp-accessibility-auditor.md +4 -4
- package/gsp/agents/gsp-ascii-artist.md +2 -2
- package/gsp/agents/gsp-brand-auditor.md +3 -3
- package/gsp/agents/gsp-brand-engineer.md +131 -0
- package/gsp/agents/gsp-brand-strategist.md +3 -3
- package/gsp/agents/gsp-brand-syncer.md +8 -7
- package/gsp/agents/gsp-builder.md +49 -6
- package/gsp/agents/gsp-campaign-director.md +3 -4
- package/gsp/agents/gsp-creative-director.md +80 -0
- package/gsp/agents/gsp-critic.md +100 -18
- package/gsp/agents/gsp-designer.md +52 -5
- package/gsp/agents/gsp-project-researcher.md +4 -4
- package/gsp/agents/gsp-researcher.md +5 -5
- package/gsp/agents/gsp-reviewer.md +3 -3
- package/gsp/agents/gsp-scoper.md +3 -3
- package/gsp/hooks/hooks.json +5 -5
- package/gsp/skills/get-shit-pretty/SKILL.md +10 -9
- package/gsp/skills/gsp-accessibility/SKILL.md +12 -12
- package/gsp/skills/gsp-accessibility-audit/SKILL.md +8 -9
- package/gsp/skills/gsp-add-reference/SKILL.md +6 -1
- package/gsp/skills/gsp-art/SKILL.md +6 -1
- package/gsp/skills/gsp-brand-audit/SKILL.md +5 -5
- package/gsp/skills/gsp-brand-guidelines/SKILL.md +233 -0
- package/gsp/skills/gsp-brand-guidelines/token-mapping.md +329 -0
- package/gsp/skills/gsp-brand-identity/SKILL.md +29 -20
- package/gsp/skills/gsp-brand-refine/SKILL.md +30 -23
- package/gsp/skills/gsp-brand-research/SKILL.md +4 -4
- package/gsp/{references → skills/gsp-brand-research}/design-trends.md +4 -4
- package/gsp/skills/gsp-brand-strategy/SKILL.md +7 -7
- package/gsp/skills/gsp-brand-sync/SKILL.md +10 -10
- package/gsp/skills/gsp-brand-sync/chunk-format.md +79 -0
- package/gsp/skills/gsp-color/SKILL.md +73 -0
- package/gsp/skills/gsp-color/chunk-format.md +79 -0
- package/gsp/skills/{gsp-palette/SKILL.md → gsp-color/domains/palette.md} +31 -101
- package/gsp/skills/gsp-color/domains/system.md +123 -0
- package/gsp/skills/gsp-design-system/SKILL.md +9 -4
- package/gsp/skills/gsp-doctor/SKILL.md +25 -18
- package/gsp/skills/gsp-help/SKILL.md +30 -29
- package/gsp/skills/gsp-icons/SKILL.md +108 -0
- package/gsp/skills/gsp-icons/chunk-format.md +79 -0
- package/gsp/skills/gsp-launch/SKILL.md +3 -4
- package/gsp/skills/gsp-logo/SKILL.md +173 -0
- package/gsp/skills/gsp-logo/chunk-format.md +79 -0
- package/gsp/skills/gsp-phase-transition/SKILL.md +124 -0
- package/gsp/skills/gsp-pretty/SKILL.md +2 -2
- package/gsp/skills/gsp-progress/SKILL.md +20 -20
- package/gsp/skills/gsp-project-brief/SKILL.md +8 -9
- package/gsp/skills/gsp-project-build/SKILL.md +30 -25
- package/gsp/skills/gsp-project-critique/SKILL.md +17 -18
- package/gsp/{references → skills/gsp-project-critique}/visual-taste.md +1 -1
- package/gsp/skills/gsp-project-design/SKILL.md +18 -18
- package/gsp/skills/gsp-project-research/SKILL.md +6 -7
- package/gsp/skills/gsp-project-review/SKILL.md +8 -10
- package/gsp/skills/gsp-scaffold/SKILL.md +3 -3
- package/gsp/skills/gsp-start/SKILL.md +15 -15
- package/gsp/{references → skills/gsp-start}/questioning.md +1 -1
- package/gsp/skills/gsp-style/SKILL.md +43 -45
- package/gsp/skills/gsp-style/chunk-format.md +79 -0
- package/gsp/skills/gsp-style/style-preset-schema.md +124 -0
- package/gsp/skills/gsp-style/styles/INDEX.yml +1 -1
- package/gsp/skills/gsp-style/styles/academia.yml +80 -0
- package/gsp/skills/gsp-style/styles/art-deco.yml +81 -0
- package/gsp/skills/gsp-style/styles/bauhaus.yml +78 -0
- package/gsp/skills/gsp-style/styles/bold-typography.yml +73 -0
- package/gsp/skills/gsp-style/styles/botanical.yml +78 -0
- package/gsp/skills/gsp-style/styles/claymorphism.yml +84 -0
- package/gsp/skills/gsp-style/styles/cyberpunk.yml +87 -0
- package/gsp/skills/gsp-style/styles/enterprise.yml +81 -0
- package/gsp/skills/gsp-style/styles/flat-design.yml +67 -0
- package/gsp/skills/gsp-style/styles/fluent.yml +82 -0
- package/gsp/skills/gsp-style/styles/glassmorphism.yml +83 -0
- package/gsp/skills/gsp-style/styles/humanist-literary.yml +74 -0
- package/gsp/skills/gsp-style/styles/industrial.yml +82 -0
- package/gsp/skills/gsp-style/styles/kinetic.yml +94 -0
- package/gsp/skills/gsp-style/styles/liquid-glass.yml +91 -0
- package/gsp/skills/gsp-style/styles/luxury.yml +83 -0
- package/gsp/skills/gsp-style/styles/material.yml +83 -0
- package/gsp/skills/gsp-style/styles/maximalism.yml +92 -0
- package/gsp/skills/gsp-style/styles/minimal-dark.yml +75 -0
- package/gsp/skills/gsp-style/styles/modern-dark.yml +88 -0
- package/gsp/skills/gsp-style/styles/monochrome.yml +68 -0
- package/gsp/skills/gsp-style/styles/neubrutalism.yml +83 -0
- package/gsp/skills/gsp-style/styles/neumorphism.yml +77 -0
- package/gsp/skills/gsp-style/styles/newsprint.yml +81 -0
- package/gsp/skills/gsp-style/styles/organic.yml +77 -0
- package/gsp/skills/gsp-style/styles/playful-geometric.yml +90 -0
- package/gsp/skills/gsp-style/styles/professional.yml +67 -0
- package/gsp/skills/gsp-style/styles/retro.yml +85 -0
- package/gsp/skills/gsp-style/styles/saas.yml +83 -0
- package/gsp/skills/gsp-style/styles/sketch.yml +86 -0
- package/gsp/skills/gsp-style/styles/swiss-minimalist.yml +69 -0
- package/gsp/skills/gsp-style/styles/terminal.yml +83 -0
- package/gsp/skills/gsp-style/styles/vaporwave.yml +84 -0
- package/gsp/skills/gsp-style/styles/web3.yml +82 -0
- package/gsp/skills/gsp-typography/SKILL.md +70 -0
- package/gsp/skills/gsp-typography/chunk-format.md +79 -0
- package/gsp/skills/gsp-typography/domains/pairing.md +109 -0
- package/gsp/skills/gsp-typography/domains/scale.md +227 -0
- package/gsp/skills/gsp-typography/domains/system.md +108 -0
- package/gsp/skills/gsp-update/SKILL.md +1 -2
- package/gsp/skills/gsp-visuals/SKILL.md +82 -0
- package/gsp/skills/gsp-visuals/chunk-format.md +79 -0
- package/gsp/skills/gsp-visuals/domains/3d.md +127 -0
- package/gsp/skills/gsp-visuals/domains/imagery.md +145 -0
- package/gsp/skills/gsp-visuals/domains/textures.md +138 -0
- package/gsp/skills/gsp-visuals/domains/video.md +107 -0
- package/gsp/templates/branding/config.json +1 -1
- package/gsp/templates/branding/roadmap.md +9 -9
- package/gsp/templates/exports-index.md +8 -8
- package/gsp/templates/phases/brief.md +1 -1
- package/gsp/templates/phases/build.md +1 -1
- package/gsp/templates/phases/critique.md +1 -1
- package/gsp/templates/phases/design.md +2 -2
- package/gsp/templates/phases/discover.md +1 -1
- package/gsp/templates/phases/identity.md +1 -1
- package/gsp/templates/phases/launch.md +1 -1
- package/gsp/templates/phases/patterns.md +60 -71
- package/gsp/templates/phases/research.md +1 -1
- package/gsp/templates/phases/review.md +1 -1
- package/gsp/templates/phases/strategy.md +1 -1
- package/gsp/templates/phases/style.md +158 -0
- package/gsp/templates/projects/config.json +1 -1
- package/gsp/templates/projects/roadmap.md +7 -7
- package/gsp/templates/projects/state.md +1 -1
- package/package.json +1 -2
- package/.claude-plugin/plugin.json +0 -24
- package/gsp/agents/gsp-identity-designer.md +0 -74
- package/gsp/agents/gsp-pattern-architect.md +0 -189
- package/gsp/prompts/01-design-system-architect.md +0 -19
- package/gsp/prompts/02-brand-identity-creator.md +0 -16
- package/gsp/prompts/03-ui-ux-pattern-master.md +0 -21
- package/gsp/prompts/04-marketing-asset-factory.md +0 -14
- package/gsp/prompts/05-implementation-spec-expert.md +0 -15
- package/gsp/prompts/06-design-critique-partner.md +0 -14
- package/gsp/prompts/07-design-trend-synthesizer.md +0 -3
- package/gsp/prompts/08-accessibility-auditor.md +0 -23
- package/gsp/prompts/09-design-to-code-translator.md +0 -49
- package/gsp/prompts/10-project-scoper.md +0 -17
- package/gsp/prompts/11-deliverable-reviewer.md +0 -18
- package/gsp/prompts/12-project-researcher.md +0 -18
- package/gsp/references/phase-transitions.md +0 -132
- package/gsp/references/style-preset-schema.md +0 -63
- package/gsp/skills/gsp-brand-patterns/SKILL.md +0 -240
- package/gsp/skills/gsp-typescale/SKILL.md +0 -234
- /package/gsp/{references → skills/gsp-accessibility-audit}/wcag-checklist.md +0 -0
- /package/gsp/{references → skills/gsp-art}/terminal-art.md +0 -0
- /package/gsp/{references → skills/gsp-brand-audit}/chunk-format.md +0 -0
- /package/gsp/{references → skills/gsp-brand-guidelines}/design-tokens.md +0 -0
- /package/gsp/{references → skills/gsp-brand-strategy}/brand-archetypes.md +0 -0
- /package/gsp/{references → skills/gsp-brand-strategy}/brand-prism.md +0 -0
- /package/gsp/{references → skills/gsp-brand-strategy}/positioning-frameworks.md +0 -0
- /package/gsp/{references → skills/gsp-brand-strategy}/voice-tone.md +0 -0
- /package/gsp/{references → skills/gsp-color/references}/color-composition.md +0 -0
- /package/gsp/{references → skills/gsp-project-build}/visual-effects.md +0 -0
- /package/gsp/{references → skills/gsp-project-critique}/anti-patterns.md +0 -0
- /package/gsp/{references → skills/gsp-project-critique}/nielsen-heuristics.md +0 -0
- /package/gsp/{references → skills/gsp-project-design}/apple-hig-patterns.md +0 -0
- /package/gsp/{references → skills/gsp-project-design}/block-patterns.md +0 -0
- /package/gsp/{references → skills/gsp-typography/references}/typography-scales.md +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: progress
|
|
2
|
+
name: gsp-progress
|
|
3
3
|
description: How pretty are we?
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: sonnet
|
|
@@ -57,7 +57,7 @@ Determine the Brand Mark diamond states:
|
|
|
57
57
|
|
|
58
58
|
For each phase marked as complete in STATE.md, verify the phase directory contains at least 1 chunk file. If `status === 'complete'` and chunk count is 0, display that phase as `◆!` with note "(empty — may need re-run)".
|
|
59
59
|
|
|
60
|
-
If `config.json` is missing or unparseable for any instance, show the instance name with "(config error — run /gsp
|
|
60
|
+
If `config.json` is missing or unparseable for any instance, show the instance name with "(config error — run /gsp-doctor)" instead of crashing.
|
|
61
61
|
|
|
62
62
|
## Step 5: Display progress
|
|
63
63
|
|
|
@@ -66,15 +66,15 @@ Output as plain text using the visual elements from the styling section above.
|
|
|
66
66
|
### Empty State
|
|
67
67
|
|
|
68
68
|
```
|
|
69
|
-
/gsp
|
|
69
|
+
/gsp- ◇◇
|
|
70
70
|
|
|
71
71
|
no brands or projects found.
|
|
72
|
-
run /gsp
|
|
72
|
+
run /gsp-start to begin.
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
### Standard State — render these elements:
|
|
76
76
|
|
|
77
|
-
**Brand Mark:** `/gsp
|
|
77
|
+
**Brand Mark:** `/gsp-` (accent+bold) followed by state diamonds
|
|
78
78
|
|
|
79
79
|
**Labeled Divider:** ` ─── {Label} ──────────────────` (tertiary `───`, secondary+bold label)
|
|
80
80
|
|
|
@@ -93,12 +93,12 @@ Column positions: phase at col 4, status at col 19, chunks at col 29, time at co
|
|
|
93
93
|
**Collapsed complete items:**
|
|
94
94
|
When 100% complete, single-line: ` acme-corp ◆ complete (4/4, 11 chunks)`
|
|
95
95
|
|
|
96
|
-
**Next Skill:** ` → next: /gsp
|
|
96
|
+
**Next Skill:** ` → next: /gsp-brand-identity` (secondary `→ next:`, accent skill name)
|
|
97
97
|
|
|
98
98
|
### Example: Early State (2/4 branding)
|
|
99
99
|
|
|
100
100
|
```
|
|
101
|
-
/gsp
|
|
101
|
+
/gsp- ◈◇
|
|
102
102
|
|
|
103
103
|
|
|
104
104
|
─── Brands ───────────────────────────
|
|
@@ -113,7 +113,7 @@ When 100% complete, single-line: ` acme-corp ◆ complete (4/4, 11 chunks)`
|
|
|
113
113
|
identity ◇ — —
|
|
114
114
|
patterns ◇ — —
|
|
115
115
|
|
|
116
|
-
→ next: /gsp
|
|
116
|
+
→ next: /gsp-brand-identity
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
─── Overall ──────────────────────────
|
|
@@ -127,7 +127,7 @@ When 100% complete, single-line: ` acme-corp ◆ complete (4/4, 11 chunks)`
|
|
|
127
127
|
### Example: Late State (brand complete, 4/6 project)
|
|
128
128
|
|
|
129
129
|
```
|
|
130
|
-
/gsp
|
|
130
|
+
/gsp- ◆◈
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
─── Brands ───────────────────────────
|
|
@@ -149,7 +149,7 @@ When 100% complete, single-line: ` acme-corp ◆ complete (4/4, 11 chunks)`
|
|
|
149
149
|
build ◈ — —
|
|
150
150
|
review ◇ — —
|
|
151
151
|
|
|
152
|
-
→ next: /gsp
|
|
152
|
+
→ next: /gsp-project-build
|
|
153
153
|
|
|
154
154
|
|
|
155
155
|
─── Overall ──────────────────────────
|
|
@@ -169,18 +169,18 @@ After the summary, if everything is 100% complete, add: ` fully pretty.` in pri
|
|
|
169
169
|
For each in-progress instance, identify the next pending phase and suggest the skill.
|
|
170
170
|
|
|
171
171
|
**Brand routing:**
|
|
172
|
-
- Phase 1 (Research) pending -> `/gsp
|
|
173
|
-
- Phase 2 (Strategy) pending -> `/gsp
|
|
174
|
-
- Phase 3 (Identity) pending -> `/gsp
|
|
175
|
-
- Phase 4 (Patterns) pending -> `/gsp
|
|
172
|
+
- Phase 1 (Research) pending -> `/gsp-brand-research`
|
|
173
|
+
- Phase 2 (Strategy) pending -> `/gsp-brand-strategy`
|
|
174
|
+
- Phase 3 (Identity) pending -> `/gsp-brand-identity`
|
|
175
|
+
- Phase 4 (Patterns) pending -> `/gsp-brand-guidelines`
|
|
176
176
|
|
|
177
177
|
**Project routing:**
|
|
178
|
-
- Brief pending -> `/gsp
|
|
179
|
-
- Research pending -> `/gsp
|
|
180
|
-
- Design pending -> `/gsp
|
|
181
|
-
- Critique pending -> `/gsp
|
|
182
|
-
- Build pending -> `/gsp
|
|
183
|
-
- Review pending -> `/gsp
|
|
178
|
+
- Brief pending -> `/gsp-project-brief`
|
|
179
|
+
- Research pending -> `/gsp-project-research`
|
|
180
|
+
- Design pending -> `/gsp-project-design`
|
|
181
|
+
- Critique pending -> `/gsp-project-critique`
|
|
182
|
+
- Build pending -> `/gsp-project-build`
|
|
183
|
+
- Review pending -> `/gsp-project-review`
|
|
184
184
|
|
|
185
185
|
Output this as a single block. Do NOT add commentary or suggestions beyond the dashboard content.
|
|
186
186
|
</process>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: project-brief
|
|
2
|
+
name: gsp-project-brief
|
|
3
3
|
description: Scope what you're building
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: sonnet
|
|
@@ -28,7 +28,6 @@ Scope the project and plan adaptations from the brand system.
|
|
|
28
28
|
</objective>
|
|
29
29
|
|
|
30
30
|
<execution_context>
|
|
31
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/10-project-scoper.md
|
|
32
31
|
@${CLAUDE_SKILL_DIR}/../../templates/phases/brief.md
|
|
33
32
|
</execution_context>
|
|
34
33
|
|
|
@@ -37,7 +36,7 @@ Scope the project and plan adaptations from the brand system.
|
|
|
37
36
|
|
|
38
37
|
Resolve project from `.design/projects/` (one → use it, multiple → ask). Set `PROJECT_PATH`.
|
|
39
38
|
|
|
40
|
-
Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`. If brand.ref doesn't exist, tell the user to run `/gsp
|
|
39
|
+
Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`. If brand.ref doesn't exist, tell the user to run `/gsp-start`.
|
|
41
40
|
|
|
42
41
|
## Step 1: Load context
|
|
43
42
|
|
|
@@ -45,9 +44,9 @@ Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`. If brand.ref doesn't exist
|
|
|
45
44
|
|
|
46
45
|
Read `{BRAND_PATH}/patterns/INDEX.md`. If it exists, load all foundation chunks + selective component chunks.
|
|
47
46
|
|
|
48
|
-
If it doesn't exist, tell the user to run `/gsp
|
|
47
|
+
If it doesn't exist, tell the user to run `/gsp-brand-guidelines` first to create the brand's design patterns.
|
|
49
48
|
|
|
50
|
-
Also read `{BRAND_PATH}/patterns
|
|
49
|
+
Also read the brand `.yml` preset from `{BRAND_PATH}/patterns/`.
|
|
51
50
|
|
|
52
51
|
### Project context
|
|
53
52
|
|
|
@@ -68,7 +67,7 @@ Glob `.design/projects/*/STATE.md` — detect active sibling projects.
|
|
|
68
67
|
**If `design_scope` is `tokens`:**
|
|
69
68
|
1. Update `{PROJECT_PATH}/STATE.md` — set Phase 1 (Brief) status to `skipped`
|
|
70
69
|
2. Display: "Brief phase skipped — design scope is `tokens`."
|
|
71
|
-
3. Route: "Run `/gsp
|
|
70
|
+
3. Route: "Run `/gsp-project-build`."
|
|
72
71
|
4. Stop here.
|
|
73
72
|
|
|
74
73
|
## Step 1.7: Issue framing
|
|
@@ -84,11 +83,11 @@ Spawn the `gsp-scoper` agent. **Inline all content** — the agent should not ne
|
|
|
84
83
|
|
|
85
84
|
Pass in the agent prompt:
|
|
86
85
|
- **Content of** brand patterns foundation + component chunks (loaded in Step 1)
|
|
87
|
-
- **Content of**
|
|
86
|
+
- **Content of** brand `.yml` preset (loaded in Step 1)
|
|
88
87
|
- **Content of** BRIEF.md (loaded in Step 1)
|
|
89
88
|
- **Content of** `.design/system/STACK.md`, `COMPONENTS.md` (when loaded in Step 1)
|
|
90
89
|
- **Content of** CHANGELOG.md + relevant MANIFEST.md files (loaded in Step 1)
|
|
91
|
-
-
|
|
90
|
+
- Brief output template (from execution_context)
|
|
92
91
|
- `implementation_target`, `design_scope`, `codebase_type`
|
|
93
92
|
- **Output path:** `{PROJECT_PATH}/brief/`
|
|
94
93
|
|
|
@@ -131,6 +130,6 @@ Update `{PROJECT_PATH}/STATE.md`:
|
|
|
131
130
|
|
|
132
131
|
## Step 5: Phase transition output
|
|
133
132
|
|
|
134
|
-
|
|
133
|
+
Invoke `/gsp-phase-transition` with phase `brief` and output directory `{PROJECT_PATH}/brief/`.
|
|
135
134
|
</process>
|
|
136
135
|
</output>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: project-build
|
|
2
|
+
name: gsp-project-build
|
|
3
3
|
description: Translate designs to code
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: opus
|
|
@@ -22,10 +22,10 @@ Works with the dual-diamond architecture: reads brand system from `.design/brand
|
|
|
22
22
|
**Pipeline architecture:**
|
|
23
23
|
```
|
|
24
24
|
Phase 1: SCAFFOLD (skill-level, no agent)
|
|
25
|
-
└─ /gsp
|
|
25
|
+
└─ /gsp-scaffold → verify build passes
|
|
26
26
|
|
|
27
27
|
Phase 2: FOUNDATIONS (agent: gsp-builder mode:foundations)
|
|
28
|
-
├─ Context:
|
|
28
|
+
├─ Context: {brand-name}.yml + token-mapping.md, target-adaptations.md, STACK.md, CONVENTIONS.md
|
|
29
29
|
├─ Writes: token config, global CSS, layout, shared utils
|
|
30
30
|
└─ CHECKPOINT: build must compile
|
|
31
31
|
|
|
@@ -49,10 +49,14 @@ Implement designs as production-ready code in the codebase via phased pipeline w
|
|
|
49
49
|
</objective>
|
|
50
50
|
|
|
51
51
|
<execution_context>
|
|
52
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/09-design-to-code-translator.md
|
|
53
52
|
@${CLAUDE_SKILL_DIR}/../../templates/phases/build.md
|
|
54
53
|
</execution_context>
|
|
55
54
|
|
|
55
|
+
<rules>
|
|
56
|
+
- Always use `AskUserQuestion` for user interaction — never prompt via plain text
|
|
57
|
+
- One decision per question — never batch multiple questions in a single message
|
|
58
|
+
</rules>
|
|
59
|
+
|
|
56
60
|
<process>
|
|
57
61
|
## Step 0: Resolve project and brand
|
|
58
62
|
|
|
@@ -63,7 +67,7 @@ Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`.
|
|
|
63
67
|
## Step 0.5: Validate prerequisites
|
|
64
68
|
|
|
65
69
|
Read `{PROJECT_PATH}/STATE.md`. Check that Design (Phase 3) is `complete` or `needs-revision` (revision means critique ran and is feeding back).
|
|
66
|
-
If design is `pending` or missing: "No designs found. Run `/gsp
|
|
70
|
+
If design is `pending` or missing: "No designs found. Run `/gsp-project-design` first — building without designs leads to poor results." Then stop.
|
|
67
71
|
|
|
68
72
|
Exception: if `design_scope` is `tokens` in config.json, skip this check (tokens-only projects don't need design).
|
|
69
73
|
|
|
@@ -90,7 +94,7 @@ Check `{PROJECT_PATH}/STATE.md` for build status. If status is `needs-revision`:
|
|
|
90
94
|
|
|
91
95
|
### Design check
|
|
92
96
|
|
|
93
|
-
If design doesn't exist (no `design/` dir or no screen chunks in it), tell the user to run `/gsp
|
|
97
|
+
If design doesn't exist (no `design/` dir or no screen chunks in it), tell the user to run `/gsp-project-design` first and stop.
|
|
94
98
|
|
|
95
99
|
### Enumerate screens
|
|
96
100
|
|
|
@@ -101,7 +105,7 @@ Log screen list for user visibility.
|
|
|
101
105
|
|
|
102
106
|
## Step 2: Phase 1 — SCAFFOLD
|
|
103
107
|
|
|
104
|
-
Invoke `/gsp
|
|
108
|
+
Invoke `/gsp-scaffold` via the Skill tool.
|
|
105
109
|
|
|
106
110
|
This handles: dependency installation, config file creation, component library init, build verification.
|
|
107
111
|
|
|
@@ -111,13 +115,14 @@ After scaffold completes, verify `{PROJECT_PATH}/build/SCAFFOLD-LOG.md` exists.
|
|
|
111
115
|
|
|
112
116
|
## Step 2.5: Load build references
|
|
113
117
|
|
|
114
|
-
Read these reference files
|
|
115
|
-
-
|
|
116
|
-
-
|
|
117
|
-
- `anti-patterns.md`
|
|
118
|
+
Read these reference files:
|
|
119
|
+
- `${CLAUDE_SKILL_DIR}/visual-effects.md`
|
|
120
|
+
- `${CLAUDE_SKILL_DIR}/../gsp-project-design/block-patterns.md`
|
|
118
121
|
|
|
119
122
|
Hold their content for inlining into agent prompts in Steps 3 and 5.
|
|
120
123
|
|
|
124
|
+
> **Note:** Anti-patterns are distilled into the `gsp-builder` agent prompt. Full ref remains on disk for edge-case agent lookup.
|
|
125
|
+
|
|
121
126
|
## Step 3: Phase 2 — FOUNDATIONS
|
|
122
127
|
|
|
123
128
|
Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
@@ -126,15 +131,15 @@ Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
|
126
131
|
|
|
127
132
|
| File | Purpose |
|
|
128
133
|
|------|---------|
|
|
129
|
-
| `{BRAND_PATH}/patterns/
|
|
130
|
-
| `{BRAND_PATH}/patterns/
|
|
134
|
+
| `{BRAND_PATH}/patterns/{brand-name}.yml` | Token values only — used with `gsp-brand-guidelines/token-mapping.md` to generate CSS variables. Do NOT re-read patterns/constraints/effects from here — those are in STYLE.md. |
|
|
135
|
+
| `{BRAND_PATH}/patterns/STYLE.md` | Design law — philosophy, patterns, constraints, effects, bold bets, implementation hints (if exists; fall back to `{brand-name}.md`) |
|
|
131
136
|
| `{PROJECT_PATH}/brief/target-adaptations.md` | Component adaptations for target |
|
|
132
137
|
| `.design/system/STACK.md` | Stack state |
|
|
133
138
|
| `.design/system/CONVENTIONS.md` | Codebase conventions (if exists) |
|
|
134
139
|
| `.design/system/COMPONENTS.md` | Existing components (if exists) |
|
|
135
140
|
| `{PROJECT_PATH}/config.json` | Tech stack, target |
|
|
136
|
-
|
|
|
137
|
-
| Visual effects, block patterns
|
|
141
|
+
| Build output template (from execution_context) | Build log structure |
|
|
142
|
+
| Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
|
|
138
143
|
|
|
139
144
|
### Agent instructions:
|
|
140
145
|
|
|
@@ -146,7 +151,7 @@ Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
|
146
151
|
> 2. Create global CSS (resets, base styles, font imports, dark mode setup)
|
|
147
152
|
> 3. Create root layout with nav shell and footer shell (structure only — no page content)
|
|
148
153
|
> 4. Create shared utilities (cn helper, theme provider if needed)
|
|
149
|
-
> 5. Apply the
|
|
154
|
+
> 5. Apply the STYLE.md bold bets and effects vocabulary — create CSS utilities or Tailwind extensions for the brand's signature effects. Validate against constraints (never/always rules are non-negotiable).
|
|
150
155
|
> 6. Do NOT build individual screens or page content
|
|
151
156
|
> 7. Write code directly to the codebase, not to `.design/`
|
|
152
157
|
> 8. Leave changes unstaged
|
|
@@ -210,10 +215,10 @@ If the user requests adjustments during foundation review:
|
|
|
210
215
|
|
|
211
216
|
1. Apply the changes to the project codebase first (directly or via a quick builder re-run)
|
|
212
217
|
2. Ask: "Should this change also update the brand system? (Other projects using this brand would inherit it)"
|
|
213
|
-
3. If yes, spawn a background `gsp-
|
|
218
|
+
3. If yes, spawn a background `gsp-brand-engineer` agent to update brand patterns:
|
|
214
219
|
- Pass: the specific changes made (what tokens/values changed, old → new)
|
|
215
|
-
- Pass: `{BRAND_PATH}/patterns/
|
|
216
|
-
- Agent updates
|
|
220
|
+
- Pass: `{BRAND_PATH}/patterns/{brand-name}.yml` and relevant identity chunks
|
|
221
|
+
- Agent updates the `.yml` preset, foundation chunks, and STYLE.md if applicable
|
|
217
222
|
- Agent writes to `{BRAND_PATH}/` — the brand source of truth
|
|
218
223
|
- Run in background (`run_in_background: true`) so the build pipeline continues
|
|
219
224
|
4. Continue to Step 5 without waiting for brand sync
|
|
@@ -231,10 +236,10 @@ Build screens sequentially. For each screen in `SCREENS`:
|
|
|
231
236
|
| `{PROJECT_PATH}/brief/target-adaptations.md` | Component adaptations |
|
|
232
237
|
| `{PROJECT_PATH}/research/reference-specs.md` (if exists) | Technical specs |
|
|
233
238
|
| `{PROJECT_PATH}/critique/prioritized-fixes.md` (if exists) | Critique fixes relevant to this screen |
|
|
234
|
-
|
|
|
235
|
-
| Visual effects, block patterns
|
|
239
|
+
| Build output template (from execution_context) | Build log structure |
|
|
240
|
+
| Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
|
|
236
241
|
|
|
237
|
-
**Does NOT receive:** other screen chunks,
|
|
242
|
+
**Does NOT receive:** other screen chunks, brand `.yml` (already integrated into codebase), full brand system, research monoliths.
|
|
238
243
|
|
|
239
244
|
### Agent instructions per screen:
|
|
240
245
|
|
|
@@ -308,7 +313,7 @@ This step is **not auto-applied** — the user decides what to extract.
|
|
|
308
313
|
If the extraction scan finds hardcoded values that should be tokens (finding type #2), and those tokens are missing from the brand system:
|
|
309
314
|
|
|
310
315
|
1. After applying fixes in the project, ask: "These token gaps also exist in the brand. Update brand patterns?"
|
|
311
|
-
2. If yes, spawn a background `gsp-
|
|
316
|
+
2. If yes, spawn a background `gsp-brand-engineer` agent with the missing token definitions to add them to `{BRAND_PATH}/patterns/{brand-name}.yml` and relevant foundation chunks.
|
|
312
317
|
|
|
313
318
|
## Step 6: Finalize
|
|
314
319
|
|
|
@@ -348,7 +353,7 @@ Update `{PROJECT_PATH}/STATE.md`:
|
|
|
348
353
|
|
|
349
354
|
### Phase transition output
|
|
350
355
|
|
|
351
|
-
|
|
356
|
+
Invoke `/gsp-phase-transition` with phase `build` and output directory `{PROJECT_PATH}/build/`.
|
|
352
357
|
|
|
353
358
|
---
|
|
354
359
|
|
|
@@ -365,7 +370,7 @@ For `needs-revision` status, spawn a single `gsp-builder` agent with execution_m
|
|
|
365
370
|
After the revision agent completes, check if any QA fixes changed token-level values (colors, typography, spacing, shadows). If so:
|
|
366
371
|
|
|
367
372
|
1. Ask: "These revisions changed brand-level values. Update brand patterns so future projects inherit the fix?"
|
|
368
|
-
2. If yes, spawn a background `gsp-
|
|
373
|
+
2. If yes, spawn a background `gsp-brand-engineer` agent with the changed values to update `{BRAND_PATH}/patterns/`.
|
|
369
374
|
|
|
370
375
|
Then continue from Step 6 (finalize).
|
|
371
376
|
</process>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: project-critique
|
|
2
|
+
name: gsp-project-critique
|
|
3
3
|
description: Critique your designs + accessibility audit
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: opus
|
|
@@ -26,8 +26,6 @@ Critique design quality and audit accessibility compliance.
|
|
|
26
26
|
</objective>
|
|
27
27
|
|
|
28
28
|
<execution_context>
|
|
29
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/06-design-critique-partner.md
|
|
30
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/08-accessibility-auditor.md
|
|
31
29
|
@${CLAUDE_SKILL_DIR}/../../templates/phases/critique.md
|
|
32
30
|
</execution_context>
|
|
33
31
|
|
|
@@ -59,48 +57,49 @@ Read `{PROJECT_PATH}/config.json` to get `implementation_target`, `design_scope`
|
|
|
59
57
|
## Step 1.5: Scope check
|
|
60
58
|
|
|
61
59
|
**If `design_scope` is `tokens`:**
|
|
62
|
-
1. Check if `{PROJECT_PATH}/critique/accessibility-token-audit.md` exists (from prior `/gsp
|
|
60
|
+
1. Check if `{PROJECT_PATH}/critique/accessibility-token-audit.md` exists (from prior `/gsp-accessibility --tokens`). If yes, reference it and skip inline token checks. If no, suggest running `/gsp-accessibility --tokens` for detailed token contrast analysis.
|
|
63
61
|
2. Review system chunks only — token foundations, naming, scale consistency
|
|
64
62
|
3. Run accessibility audit on color contrast and token values only (unless prior token audit exists)
|
|
65
63
|
4. Write results to `{PROJECT_PATH}/critique/accessibility-audit.md` and `accessibility-fixes.md`
|
|
66
64
|
5. Write `{PROJECT_PATH}/critique/INDEX.md`
|
|
67
65
|
6. Update STATE.md — set Phase 4 to `complete`
|
|
68
|
-
7. Route: "Run `/gsp
|
|
66
|
+
7. Route: "Run `/gsp-project-build`."
|
|
69
67
|
8. **Stop here**
|
|
70
68
|
|
|
71
69
|
**Otherwise:** If design chunks don't exist and scope is not `tokens`, tell the user to complete the design phase first.
|
|
72
70
|
|
|
73
71
|
## Step 1.8: Load critique references
|
|
74
72
|
|
|
75
|
-
Read these reference files
|
|
76
|
-
-
|
|
77
|
-
-
|
|
78
|
-
- `anti-patterns.md`
|
|
79
|
-
- `wcag-checklist.md`
|
|
80
|
-
- `color-composition.md`
|
|
73
|
+
Read these reference files:
|
|
74
|
+
- `${CLAUDE_SKILL_DIR}/../gsp-accessibility-audit/wcag-checklist.md`
|
|
75
|
+
- `${CLAUDE_SKILL_DIR}/../gsp-color/references/color-composition.md`
|
|
81
76
|
|
|
82
77
|
Hold their content for inlining into agent prompts in Step 2.
|
|
83
78
|
|
|
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.
|
|
80
|
+
|
|
84
81
|
## Step 2: Spawn critics (parallel)
|
|
85
82
|
|
|
86
|
-
**Inline all content** — agents should not need to read
|
|
83
|
+
**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.
|
|
87
84
|
|
|
88
85
|
**Agent 1: gsp-critic** — Pass in the agent prompt:
|
|
89
86
|
- **Content of** all design chunks (loaded in Step 1)
|
|
90
87
|
- **Content of** all identity chunks (loaded in Step 1)
|
|
91
88
|
- **Content of** all patterns chunks (loaded in Step 1)
|
|
89
|
+
- **Content of** `STYLE.md` from `{BRAND_PATH}/patterns/` (if exists) — the critic checks designs against STYLE.md constraints, patterns, effects vocabulary, and bold bets
|
|
92
90
|
- **Content of** brief chunks (loaded in Step 1)
|
|
93
91
|
- **Content of** research recommendations.md (loaded in Step 1)
|
|
94
92
|
- **Content of** BRIEF.md
|
|
95
|
-
- **Content of**
|
|
96
|
-
-
|
|
93
|
+
- **Content of** color composition reference (loaded in Step 1.8)
|
|
94
|
+
- Critique output template (from execution_context)
|
|
95
|
+
- `references_path`: `${CLAUDE_SKILL_DIR}/` — for supplementary Read access to visual-taste.md, anti-patterns.md
|
|
97
96
|
- Output path: `{PROJECT_PATH}/critique/`
|
|
98
97
|
|
|
99
|
-
**Agent 2: gsp-accessibility-auditor** — Check if `{PROJECT_PATH}/critique/accessibility-audit.md` already exists from a prior `/gsp
|
|
98
|
+
**Agent 2: gsp-accessibility-auditor** — Check if `{PROJECT_PATH}/critique/accessibility-audit.md` already exists from a prior `/gsp-accessibility` run. If yes, skip spawning the accessibility auditor — reuse the existing output. If no, pass in the agent prompt:
|
|
100
99
|
- **Content of** all design chunks (loaded in Step 1)
|
|
101
100
|
- **Content of** identity color-system.md and typography.md (loaded in Step 1)
|
|
102
101
|
- **Content of** patterns tokens chunks (loaded in Step 1)
|
|
103
|
-
- **Content of** WCAG checklist reference (loaded in Step 1.8)
|
|
102
|
+
- **Content of** WCAG checklist reference (loaded in Step 1.8)
|
|
104
103
|
- `accessibility_level` from config (defaults to "WCAG 2.2 AA")
|
|
105
104
|
- Output path: `{PROJECT_PATH}/critique/`
|
|
106
105
|
|
|
@@ -167,8 +166,8 @@ If verdict is **Fail**:
|
|
|
167
166
|
|
|
168
167
|
## Step 6: Phase transition output
|
|
169
168
|
|
|
170
|
-
|
|
169
|
+
Invoke `/gsp-phase-transition` with phase `critique` and output directory `{PROJECT_PATH}/critique/`.
|
|
171
170
|
|
|
172
|
-
If critique identified brand-level issues (palette contrast, typography weight, spacing scale), note: "Some issues are brand-level — run `/gsp
|
|
171
|
+
If critique identified brand-level issues (palette contrast, typography weight, spacing scale), note: "Some issues are brand-level — run `/gsp-brand-refine` to adjust tokens without re-running identity."
|
|
173
172
|
</process>
|
|
174
173
|
</output>
|
|
@@ -110,7 +110,7 @@ Does it feel like a $150k agency build? Score 1 if it looks AI-generated or temp
|
|
|
110
110
|
|
|
111
111
|
## How to Use
|
|
112
112
|
|
|
113
|
-
This reference is loaded by the critique agent alongside `
|
|
113
|
+
This reference is loaded by the critique agent alongside `nielsen-heuristics.md`. During critique:
|
|
114
114
|
|
|
115
115
|
1. Score each of the 15 taste items 1-5 with specific examples from the design
|
|
116
116
|
2. Calculate total and map to sophistication level
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: project-design
|
|
2
|
+
name: gsp-project-design
|
|
3
3
|
description: Design screens and interaction flows
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: opus
|
|
@@ -28,7 +28,6 @@ Design core UI/UX screens and interaction flows.
|
|
|
28
28
|
</objective>
|
|
29
29
|
|
|
30
30
|
<execution_context>
|
|
31
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/03-ui-ux-pattern-master.md
|
|
32
31
|
@${CLAUDE_SKILL_DIR}/../../templates/phases/design.md
|
|
33
32
|
</execution_context>
|
|
34
33
|
|
|
@@ -42,7 +41,7 @@ Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`.
|
|
|
42
41
|
## Step 0.5: Validate prerequisites
|
|
43
42
|
|
|
44
43
|
Read `{PROJECT_PATH}/STATE.md`. Check that Brief (Phase 1) is `complete`.
|
|
45
|
-
If not: "Brief hasn't been completed yet. Run `/gsp
|
|
44
|
+
If not: "Brief hasn't been completed yet. Run `/gsp-project-brief` first." Then stop.
|
|
46
45
|
|
|
47
46
|
Research (Phase 2) is recommended but not required — if skipped, log: "No research artifacts found — designing from brief only."
|
|
48
47
|
|
|
@@ -67,19 +66,21 @@ If `{PROJECT_PATH}/references/` exists, scan for files (images, PDFs, markdown,
|
|
|
67
66
|
|
|
68
67
|
Read `{BRAND_PATH}/patterns/INDEX.md`. If it exists, load all foundation chunks + selective component chunks.
|
|
69
68
|
|
|
70
|
-
If it doesn't exist, tell the user to run `/gsp
|
|
69
|
+
If it doesn't exist, tell the user to run `/gsp-brand-guidelines` first.
|
|
71
70
|
|
|
72
71
|
### Brand context (selective)
|
|
73
72
|
|
|
74
73
|
Read `{BRAND_PATH}/identity/INDEX.md`. If it exists, load `color-system.md`, `typography.md`, and `imagery-style.md`.
|
|
75
74
|
|
|
76
|
-
###
|
|
75
|
+
### STYLE.md (visual DNA)
|
|
77
76
|
|
|
78
|
-
|
|
77
|
+
Check for `{BRAND_PATH}/patterns/STYLE.md`. This is the single document that governs all visual decisions.
|
|
79
78
|
|
|
80
|
-
If found, read it. Pass to the designer agent in Step 3 as the **primary visual direction** — it contains
|
|
79
|
+
If found, read it. Pass to the designer agent in Step 3 as the **primary visual direction** — it contains intensity dials, component patterns, constraints (never/always), effects vocabulary, and bold bets.
|
|
81
80
|
|
|
82
|
-
If not found,
|
|
81
|
+
If not found, fall back to scanning `{BRAND_PATH}/patterns/` for a `.md` file that is NOT `INDEX.md` or inside `components/` (legacy `{brand-name}.md` format).
|
|
82
|
+
|
|
83
|
+
If neither found, proceed without it (older brands may not have this file).
|
|
83
84
|
|
|
84
85
|
### Brief (chunk-first)
|
|
85
86
|
|
|
@@ -98,7 +99,7 @@ If research doesn't exist, proceed without it (research is informative, not bloc
|
|
|
98
99
|
**If `design_scope` is `tokens`:**
|
|
99
100
|
1. Update `{PROJECT_PATH}/STATE.md` — set Phase 3 (Design) status to `skipped`
|
|
100
101
|
2. Display: "Design phase skipped — design scope is `tokens`."
|
|
101
|
-
3. Route: "Run `/gsp
|
|
102
|
+
3. Route: "Run `/gsp-project-build`."
|
|
102
103
|
4. Stop here.
|
|
103
104
|
|
|
104
105
|
**If `design_scope` is `partial`:**
|
|
@@ -113,29 +114,28 @@ When `implementation_target` is not `figma`:
|
|
|
113
114
|
## Step 2.5: Load design references
|
|
114
115
|
|
|
115
116
|
Read these reference files (relative to skill dir `${CLAUDE_SKILL_DIR}/../../references/`):
|
|
116
|
-
- `apple-hig-patterns.md`
|
|
117
|
-
- `visual-effects.md`
|
|
118
117
|
- `block-patterns.md`
|
|
119
|
-
- `anti-patterns.md`
|
|
120
118
|
|
|
121
119
|
Hold their content for inlining into the agent prompt in Step 3.
|
|
122
120
|
|
|
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.
|
|
122
|
+
|
|
123
123
|
## Step 3: Spawn designer
|
|
124
124
|
|
|
125
125
|
Spawn the `gsp-designer` agent. **Inline all content** — the agent should not need to read any input files.
|
|
126
126
|
|
|
127
127
|
Pass in the agent prompt:
|
|
128
|
-
- **Content of**
|
|
129
|
-
- **Content of** brand
|
|
130
|
-
- **Content of** brand
|
|
128
|
+
- **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
|
+
- **Content of** all brand patterns foundation chunks (only when STYLE.md does NOT exist — fallback for older brands)
|
|
130
|
+
- **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).
|
|
131
131
|
- **Content of** brief chunks: scope.md, target-adaptations.md (loaded in Step 1)
|
|
132
132
|
- **Content of** research chunks: ux-patterns.md, recommendations.md, reference-specs.md (loaded in Step 1)
|
|
133
133
|
- **Content of** BRIEF.md
|
|
134
134
|
- **Content of** `.design/system/COMPONENTS.md`, `TOKENS.md` (when loaded in Step 2)
|
|
135
135
|
- **Content of** custom references (when loaded in Step 1)
|
|
136
136
|
- **Content of** critique fixes: prioritized-fixes.md, accessibility-fixes.md (when in revision mode)
|
|
137
|
-
-
|
|
138
|
-
- **Content of**
|
|
137
|
+
- Design output template (from execution_context)
|
|
138
|
+
- **Content of** block patterns reference (loaded in Step 2.5)
|
|
139
139
|
- `implementation_target`, `design_scope`, `codebase_type`
|
|
140
140
|
- Target screens (when partial)
|
|
141
141
|
- **Output path:** `{PROJECT_PATH}/design/`
|
|
@@ -155,6 +155,6 @@ Update `{PROJECT_PATH}/STATE.md`:
|
|
|
155
155
|
|
|
156
156
|
## Step 5: Phase transition output
|
|
157
157
|
|
|
158
|
-
|
|
158
|
+
Invoke `/gsp-phase-transition` with phase `design` and output directory `{PROJECT_PATH}/design/`.
|
|
159
159
|
</process>
|
|
160
160
|
</output>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: project-research
|
|
2
|
+
name: gsp-project-research
|
|
3
3
|
description: Research UX patterns and technical approaches
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: sonnet
|
|
@@ -17,7 +17,7 @@ allowed-tools:
|
|
|
17
17
|
<context>
|
|
18
18
|
Phase 2 of the GSP project diamond. Deep research phase that investigates UX patterns, competitor experiences, technical approaches, accessibility strategies, and content patterns specific to what this project is building.
|
|
19
19
|
|
|
20
|
-
This is NOT brand-level discovery (that's `/gsp
|
|
20
|
+
This is NOT brand-level discovery (that's `/gsp-brand-research`). This is project-level research — focused on the product type, user flows, and implementation challenges.
|
|
21
21
|
|
|
22
22
|
Works with the dual-diamond architecture: reads brand context from `.design/branding/{brand}/` via `brand.ref`, reads/writes project assets in `.design/projects/{project}/`.
|
|
23
23
|
</context>
|
|
@@ -31,7 +31,6 @@ Deep research into UX patterns, competitor experiences, and technical approaches
|
|
|
31
31
|
</objective>
|
|
32
32
|
|
|
33
33
|
<execution_context>
|
|
34
|
-
@${CLAUDE_SKILL_DIR}/../../prompts/12-project-researcher.md
|
|
35
34
|
@${CLAUDE_SKILL_DIR}/../../templates/phases/research.md
|
|
36
35
|
</execution_context>
|
|
37
36
|
|
|
@@ -48,7 +47,7 @@ Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`.
|
|
|
48
47
|
|
|
49
48
|
Read `{PROJECT_PATH}/brief/INDEX.md`. If it exists, load `scope.md` and `target-adaptations.md`.
|
|
50
49
|
|
|
51
|
-
If brief doesn't exist, tell the user to run `/gsp
|
|
50
|
+
If brief doesn't exist, tell the user to run `/gsp-project-brief` first.
|
|
52
51
|
|
|
53
52
|
### Brand system (selective)
|
|
54
53
|
|
|
@@ -73,7 +72,7 @@ Read:
|
|
|
73
72
|
**If `design_scope` is `tokens`:**
|
|
74
73
|
1. Update `{PROJECT_PATH}/STATE.md` — set Phase 2 (Research) status to `skipped`
|
|
75
74
|
2. Display: "Research phase skipped — design scope is `tokens`."
|
|
76
|
-
3. Route: "Run `/gsp
|
|
75
|
+
3. Route: "Run `/gsp-project-build`."
|
|
77
76
|
4. Stop here.
|
|
78
77
|
|
|
79
78
|
## Step 1.75: Pre-fetch references (background)
|
|
@@ -91,7 +90,7 @@ Pass in the agent prompt:
|
|
|
91
90
|
- **Content of** custom references (loaded in Step 1)
|
|
92
91
|
- **Content of** BRIEF.md (loaded in Step 1)
|
|
93
92
|
- Any pre-fetched reference content (from Step 1.75)
|
|
94
|
-
-
|
|
93
|
+
- Research output template (from execution_context)
|
|
95
94
|
- `implementation_target`, `platform`, `tech_stack`
|
|
96
95
|
- **Output path:** `{PROJECT_PATH}/research/`
|
|
97
96
|
|
|
@@ -133,6 +132,6 @@ Update `{PROJECT_PATH}/STATE.md`:
|
|
|
133
132
|
|
|
134
133
|
## Step 4: Phase transition output
|
|
135
134
|
|
|
136
|
-
|
|
135
|
+
Invoke `/gsp-phase-transition` with phase `research` and output directory `{PROJECT_PATH}/research/`.
|
|
137
136
|
</process>
|
|
138
137
|
</output>
|