get-shit-pretty 0.7.0 → 0.7.3
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 +301 -124
- package/bin/install.js +1 -1
- package/gsp/agents/gsp-accessibility-auditor.md +1 -60
- package/gsp/agents/gsp-brand-auditor.md +1 -61
- package/gsp/agents/gsp-brand-creative-director.md +10 -0
- package/gsp/agents/gsp-brand-engineer.md +1 -122
- package/gsp/agents/gsp-brand-researcher.md +11 -0
- package/gsp/agents/gsp-brand-strategist.md +1 -65
- package/gsp/agents/gsp-project-builder.md +17 -0
- package/gsp/agents/gsp-project-critic.md +11 -0
- package/gsp/agents/gsp-project-designer.md +11 -0
- package/gsp/agents/gsp-project-researcher.md +1 -74
- package/gsp/agents/gsp-project-reviewer.md +12 -0
- package/gsp/hooks/hooks.json +32 -14
- package/gsp/skills/get-shit-pretty/SKILL.md +2 -5
- package/gsp/skills/gsp-accessibility/SKILL.md +0 -1
- package/gsp/skills/gsp-accessibility-audit/SKILL.md +9 -8
- package/gsp/skills/gsp-accessibility-audit/methodology/gsp-accessibility-auditor.md +59 -0
- package/gsp/skills/gsp-add-reference/SKILL.md +0 -1
- package/gsp/skills/gsp-art/SKILL.md +13 -10
- package/gsp/skills/gsp-brand-audit/SKILL.md +4 -2
- package/gsp/skills/gsp-brand-audit/methodology/gsp-brand-auditor.md +61 -0
- package/gsp/skills/gsp-brand-brief/SKILL.md +129 -0
- package/gsp/skills/gsp-brand-guidelines/SKILL.md +13 -11
- package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-engineer.md +122 -0
- package/gsp/skills/gsp-brand-identity/SKILL.md +19 -18
- package/gsp/{agents/gsp-creative-director.md → skills/gsp-brand-identity/methodology/gsp-brand-creative-director.md} +0 -9
- package/gsp/skills/gsp-brand-refine/SKILL.md +0 -1
- package/gsp/skills/gsp-brand-research/SKILL.md +13 -13
- package/gsp/{agents/gsp-researcher.md → skills/gsp-brand-research/methodology/gsp-brand-researcher.md} +0 -10
- package/gsp/skills/gsp-brand-strategy/SKILL.md +14 -14
- package/gsp/skills/gsp-brand-strategy/methodology/gsp-brand-strategist.md +65 -0
- package/gsp/skills/gsp-brand-sync/SKILL.md +60 -10
- package/gsp/skills/gsp-color/SKILL.md +0 -1
- package/gsp/skills/gsp-design-system/SKILL.md +0 -1
- package/gsp/skills/gsp-doctor/SKILL.md +0 -1
- package/gsp/skills/gsp-help/SKILL.md +10 -7
- package/gsp/skills/gsp-icons/SKILL.md +0 -1
- package/gsp/skills/gsp-logo/SKILL.md +0 -1
- package/gsp/skills/gsp-phase-transition/SKILL.md +0 -3
- package/gsp/skills/gsp-pretty/SKILL.md +25 -24
- package/gsp/skills/gsp-progress/SKILL.md +0 -1
- package/gsp/skills/gsp-project-brief/SKILL.md +51 -22
- package/gsp/skills/gsp-project-build/SKILL.md +216 -74
- package/gsp/skills/gsp-project-build/bento-grid.md +114 -0
- package/gsp/{agents/gsp-builder.md → skills/gsp-project-build/methodology/gsp-project-builder.md} +14 -16
- package/gsp/skills/gsp-project-critique/SKILL.md +21 -17
- package/gsp/{agents/gsp-critic.md → skills/gsp-project-critique/methodology/gsp-project-critic.md} +0 -11
- package/gsp/skills/gsp-project-design/SKILL.md +9 -6
- package/gsp/{agents/gsp-designer.md → skills/gsp-project-design/methodology/gsp-project-designer.md} +0 -11
- package/gsp/skills/gsp-project-research/SKILL.md +4 -2
- package/gsp/skills/gsp-project-research/methodology/gsp-project-researcher.md +73 -0
- package/gsp/skills/gsp-project-review/SKILL.md +8 -5
- package/gsp/{agents/gsp-reviewer.md → skills/gsp-project-review/methodology/gsp-project-reviewer.md} +0 -12
- package/gsp/skills/gsp-scaffold/SKILL.md +0 -1
- package/gsp/skills/gsp-start/SKILL.md +59 -210
- package/gsp/skills/gsp-style/SKILL.md +1 -2
- package/gsp/skills/gsp-style/styles/INDEX.yml +7 -1
- package/gsp/skills/gsp-style/styles/academia.md +751 -787
- package/gsp/skills/gsp-style/styles/art-deco.md +316 -352
- package/gsp/skills/gsp-style/styles/bauhaus.md +189 -225
- package/gsp/skills/gsp-style/styles/bold-typography.md +433 -469
- package/gsp/skills/gsp-style/styles/botanical.md +141 -177
- package/gsp/skills/gsp-style/styles/claymorphism.md +377 -413
- package/gsp/skills/gsp-style/styles/cyberpunk.md +419 -455
- package/gsp/skills/gsp-style/styles/enterprise.md +224 -260
- package/gsp/skills/gsp-style/styles/flat-design.md +119 -155
- package/gsp/skills/gsp-style/styles/fluent.md +0 -31
- package/gsp/skills/gsp-style/styles/glassmorphism.md +0 -36
- package/gsp/skills/gsp-style/styles/humanist-literary.md +0 -28
- package/gsp/skills/gsp-style/styles/industrial.md +406 -438
- package/gsp/skills/gsp-style/styles/kinetic.md +531 -563
- package/gsp/skills/gsp-style/styles/liquid-glass.md +0 -36
- package/gsp/skills/gsp-style/styles/luxury.md +402 -438
- package/gsp/skills/gsp-style/styles/material.md +555 -591
- package/gsp/skills/gsp-style/styles/maximalism.md +875 -911
- package/gsp/skills/gsp-style/styles/minimal-dark.md +442 -478
- package/gsp/skills/gsp-style/styles/modern-dark.md +390 -426
- package/gsp/skills/gsp-style/styles/monochrome.md +472 -504
- package/gsp/skills/gsp-style/styles/neubrutalism.md +354 -390
- package/gsp/skills/gsp-style/styles/neumorphism.md +195 -231
- package/gsp/skills/gsp-style/styles/newsprint.md +529 -565
- package/gsp/skills/gsp-style/styles/nothing.md +445 -0
- package/gsp/skills/gsp-style/styles/nothing.yml +146 -0
- package/gsp/skills/gsp-style/styles/organic.md +177 -213
- package/gsp/skills/gsp-style/styles/playful-geometric.md +211 -247
- package/gsp/skills/gsp-style/styles/professional.md +503 -539
- package/gsp/skills/gsp-style/styles/retro.md +664 -700
- package/gsp/skills/gsp-style/styles/saas.md +490 -526
- package/gsp/skills/gsp-style/styles/sketch.md +189 -225
- package/gsp/skills/gsp-style/styles/swiss-minimalist.md +195 -227
- package/gsp/skills/gsp-style/styles/terminal.md +99 -135
- package/gsp/skills/gsp-style/styles/vaporwave.md +356 -392
- package/gsp/skills/gsp-style/styles/web3.md +337 -373
- package/gsp/skills/gsp-typography/SKILL.md +0 -1
- package/gsp/skills/gsp-update/SKILL.md +0 -1
- package/gsp/skills/gsp-visuals/SKILL.md +0 -1
- package/gsp/templates/branding/config.json +3 -2
- package/gsp/templates/exports-index.md +0 -7
- package/gsp/templates/phases/build.md +13 -4
- package/gsp/templates/projects/config.json +3 -2
- package/gsp/templates/projects/roadmap.md +0 -7
- package/gsp/templates/projects/state.md +0 -4
- package/package.json +1 -1
- package/scripts/lint-check.sh +1 -1
- package/gsp/agents/gsp-ascii-artist.md +0 -66
- package/gsp/agents/gsp-brand-syncer.md +0 -126
- package/gsp/agents/gsp-campaign-director.md +0 -79
- package/gsp/agents/gsp-scoper.md +0 -85
- package/gsp/skills/gsp-launch/SKILL.md +0 -97
- package/gsp/skills/gsp-start/questioning.md +0 -87
- package/gsp/templates/phases/launch.md +0 -55
|
@@ -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
|
-
|
|
75
|
+
## Step 1.9: Load agent methodology
|
|
78
76
|
|
|
79
|
-
|
|
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
|
-
-
|
|
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,9 +99,12 @@ 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
|
|
|
106
|
+
**Model assignment:** Spawn `gsp-accessibility-auditor` with `model: sonnet`. The accessibility audit is checklist-based (WCAG compliance) and works well on Sonnet. This splits rate-limit pressure — the critic runs on the user's current model while the auditor runs on Sonnet.
|
|
107
|
+
|
|
106
108
|
## Step 3: Write critique INDEX.md
|
|
107
109
|
|
|
108
110
|
After both agents complete, write `{PROJECT_PATH}/critique/INDEX.md`:
|
|
@@ -145,11 +147,13 @@ Update `{PROJECT_PATH}/exports/INDEX.md`:
|
|
|
145
147
|
|
|
146
148
|
## Step 4: Assess results
|
|
147
149
|
|
|
148
|
-
Read `critique/critique.md` for the
|
|
150
|
+
Read `critique/critique.md` for the heuristics score (X/50) and brand contract score (X/25, present when STYLE.md was used). Read `critique/prioritized-fixes.md` for critical issues. Determine verdict:
|
|
151
|
+
|
|
152
|
+
**Pass:** Nielsen ≥ 40/50 AND brand contract ≥ 20/25 (when present) AND no critical fixes. Design is solid, proceed to build.
|
|
153
|
+
**Conditional Pass:** Nielsen 30-39/50 OR brand contract 15-19/25 OR critical fixes are minor. Shippable with notes, proceed to build.
|
|
154
|
+
**Fail:** Nielsen < 30/50 OR brand contract < 15/25 OR any brand contract dimension at 1 (constraint violation) OR critical fixes affect layout/navigation/IA. Design needs revision before building.
|
|
149
155
|
|
|
150
|
-
|
|
151
|
-
**Conditional Pass (score 30-39/50 or critical fixes are minor):** Shippable with notes, proceed to build.
|
|
152
|
-
**Fail (score < 30/50 or critical fixes affect layout/navigation/IA):** Design needs revision before building.
|
|
156
|
+
Note: If no STYLE.md was used, the brand contract score is absent — apply Nielsen thresholds only.
|
|
153
157
|
|
|
154
158
|
## Step 5: Update state
|
|
155
159
|
|
package/gsp/{agents/gsp-critic.md → skills/gsp-project-critique/methodology/gsp-project-critic.md}
RENAMED
|
@@ -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).
|
package/gsp/{agents/gsp-designer.md → skills/gsp-project-design/methodology/gsp-project-designer.md}
RENAMED
|
@@ -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
|
|
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
|
package/gsp/{agents/gsp-reviewer.md → skills/gsp-project-review/methodology/gsp-project-reviewer.md}
RENAMED
|
@@ -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
|
|