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.
- package/README.md +13 -28
- 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 +10 -28
- 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 +12 -11
- 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 +0 -2
- 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 +18 -14
- package/gsp/{agents/gsp-builder.md → skills/gsp-project-build/methodology/gsp-project-builder.md} +0 -16
- package/gsp/skills/gsp-project-critique/SKILL.md +13 -13
- 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/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/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 +1 -1
- package/gsp/templates/exports-index.md +0 -7
- package/gsp/templates/projects/config.json +1 -1
- 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
|
@@ -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:
|
|
77
|
+
## Step 2: Scope the project
|
|
81
78
|
|
|
82
|
-
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
-
|
|
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
|
|
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
|
|
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.
|
|
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.
|
|
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
|
|
package/gsp/{agents/gsp-builder.md → skills/gsp-project-build/methodology/gsp-project-builder.md}
RENAMED
|
@@ -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
|
-
|
|
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,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
|
|
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
|
|