get-shit-pretty 0.6.2 → 0.6.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 +7 -12
- package/bin/install.js +96 -71
- package/gsp/agents/gsp-accessibility-auditor.md +3 -3
- package/gsp/agents/gsp-ascii-artist.md +1 -1
- package/gsp/agents/gsp-brand-auditor.md +2 -2
- package/gsp/agents/gsp-brand-engineer.md +131 -0
- package/gsp/agents/gsp-brand-strategist.md +2 -2
- package/gsp/agents/gsp-brand-syncer.md +8 -7
- package/gsp/agents/gsp-builder.md +48 -5
- package/gsp/agents/gsp-campaign-director.md +2 -3
- package/gsp/agents/gsp-creative-director.md +80 -0
- package/gsp/agents/gsp-critic.md +99 -17
- package/gsp/agents/gsp-designer.md +51 -4
- package/gsp/agents/gsp-project-researcher.md +3 -3
- package/gsp/agents/gsp-researcher.md +4 -4
- package/gsp/agents/gsp-reviewer.md +2 -2
- package/gsp/agents/gsp-scoper.md +2 -2
- package/gsp/hooks/hooks.json +5 -5
- package/gsp/references/design-trends.md +4 -4
- package/gsp/references/phase-transitions.md +12 -12
- package/gsp/references/questioning.md +1 -1
- package/gsp/references/token-mapping.md +329 -0
- package/gsp/skills/gsp-3d/SKILL.md +112 -0
- package/gsp/skills/gsp-accessibility/SKILL.md +11 -11
- package/gsp/skills/gsp-accessibility-audit/SKILL.md +6 -7
- package/gsp/skills/gsp-add-reference/SKILL.md +1 -1
- package/gsp/skills/gsp-art/SKILL.md +1 -1
- package/gsp/skills/gsp-brand-audit/SKILL.md +3 -3
- package/gsp/skills/gsp-brand-guidelines/SKILL.md +233 -0
- package/gsp/skills/gsp-brand-identity/SKILL.md +27 -18
- package/gsp/skills/gsp-brand-refine/SKILL.md +29 -22
- package/gsp/skills/gsp-brand-research/SKILL.md +2 -2
- package/gsp/skills/gsp-brand-strategy/SKILL.md +3 -3
- package/gsp/skills/gsp-brand-sync/SKILL.md +7 -7
- package/gsp/skills/gsp-color/SKILL.md +105 -0
- package/gsp/skills/gsp-design-system/SKILL.md +4 -4
- package/gsp/skills/gsp-doctor/SKILL.md +25 -18
- package/gsp/skills/gsp-help/SKILL.md +28 -28
- package/gsp/skills/gsp-icons/SKILL.md +108 -0
- package/gsp/skills/gsp-images/SKILL.md +197 -0
- package/gsp/skills/gsp-launch/SKILL.md +2 -3
- package/gsp/skills/gsp-logo/SKILL.md +173 -0
- package/gsp/skills/gsp-palette/SKILL.md +13 -13
- 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 +7 -8
- package/gsp/skills/gsp-project-build/SKILL.md +21 -21
- package/gsp/skills/gsp-project-critique/SKILL.md +13 -14
- package/gsp/skills/gsp-project-design/SKILL.md +17 -17
- package/gsp/skills/gsp-project-research/SKILL.md +5 -6
- package/gsp/skills/gsp-project-review/SKILL.md +7 -9
- package/gsp/skills/gsp-scaffold/SKILL.md +3 -3
- package/gsp/skills/gsp-start/SKILL.md +14 -14
- package/gsp/skills/gsp-style/SKILL.md +41 -43
- 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-textures/SKILL.md +132 -0
- package/gsp/skills/gsp-typescale/SKILL.md +11 -11
- package/gsp/skills/gsp-typography/SKILL.md +108 -0
- package/gsp/skills/gsp-update/SKILL.md +1 -2
- package/gsp/skills/gsp-video/SKILL.md +101 -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/build.md +1 -1
- package/gsp/templates/phases/design.md +1 -1
- package/gsp/templates/phases/patterns.md +60 -71
- 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/skills/gsp-brand-patterns/SKILL.md +0 -240
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: gsp-logo
|
|
3
|
+
description: Design logo directions — concepts, variations, usage rules, and clear space
|
|
4
|
+
user-invocable: true
|
|
5
|
+
model: sonnet
|
|
6
|
+
allowed-tools:
|
|
7
|
+
- Read
|
|
8
|
+
- Write
|
|
9
|
+
- AskUserQuestion
|
|
10
|
+
- Glob
|
|
11
|
+
- Grep
|
|
12
|
+
- WebSearch
|
|
13
|
+
---
|
|
14
|
+
<context>
|
|
15
|
+
You are a GSP logo director. You design logo system directions — concept, rationale, variations, and usage rules.
|
|
16
|
+
|
|
17
|
+
This is a standalone composable skill. It works two ways:
|
|
18
|
+
1. **Standalone** — user runs `/gsp-logo` directly for logo exploration
|
|
19
|
+
2. **As a building block** — the creative-director invokes this during the branding diamond to produce `logo-directions.md`
|
|
20
|
+
|
|
21
|
+
A logo system is more than a mark — it's a flexible identity that works at every size (favicon to billboard), in every context (light, dark, monochrome), and in every variation (primary, secondary, icon, wordmark).
|
|
22
|
+
</context>
|
|
23
|
+
|
|
24
|
+
<objective>
|
|
25
|
+
Design 3 distinct logo directions for a brand.
|
|
26
|
+
|
|
27
|
+
**Input:** Brand context (strategy, archetype, name) or user description
|
|
28
|
+
**Output:** `logo-directions.md` chunk with 3 directions, each with concept, rationale, variations, and usage rules
|
|
29
|
+
**Agent:** None — inline skill with structured questioning
|
|
30
|
+
</objective>
|
|
31
|
+
|
|
32
|
+
<execution_context>
|
|
33
|
+
@${CLAUDE_SKILL_DIR}/../../references/chunk-format.md
|
|
34
|
+
</execution_context>
|
|
35
|
+
|
|
36
|
+
<rules>
|
|
37
|
+
- Always use `AskUserQuestion` for user interaction — never prompt via plain text
|
|
38
|
+
- One decision per question — never batch multiple questions in a single message
|
|
39
|
+
- Every logo direction must connect to brand strategy — "This direction expresses X because the brand is Y"
|
|
40
|
+
- Directions must be genuinely different approaches, not variations of one idea
|
|
41
|
+
- Always specify how the logo works at extremes: 16px favicon AND full-width hero
|
|
42
|
+
- Include what the logo is NOT — anti-patterns prevent generic marks
|
|
43
|
+
</rules>
|
|
44
|
+
|
|
45
|
+
<process>
|
|
46
|
+
## Step 0: Determine mode
|
|
47
|
+
|
|
48
|
+
| Input | Mode |
|
|
49
|
+
|-------|------|
|
|
50
|
+
| `/gsp-logo --enrich` | Enrich existing logo-directions.md |
|
|
51
|
+
| `/gsp-logo` | Interactive — design logo directions |
|
|
52
|
+
|
|
53
|
+
### Enrich mode (`--enrich`)
|
|
54
|
+
|
|
55
|
+
Read existing `{BRAND_PATH}/identity/logo-directions.md`. For each direction, enrich with:
|
|
56
|
+
- Detailed construction geometry (grid, proportions, key relationships)
|
|
57
|
+
- Complete variation specs (primary, secondary, icon, wordmark, monochrome, reversed)
|
|
58
|
+
- Clear space rules expressed as fraction of mark height
|
|
59
|
+
- Minimum size calculations (full lockup vs icon breakpoint)
|
|
60
|
+
- Don'ts with specific examples
|
|
61
|
+
|
|
62
|
+
Overwrite `logo-directions.md` with enriched version. Preserve the creative concepts and rationale.
|
|
63
|
+
|
|
64
|
+
### Interactive/context mode
|
|
65
|
+
|
|
66
|
+
Check what's available:
|
|
67
|
+
1. **Within a brand** — read `{BRAND_PATH}/BRIEF.md`, `{BRAND_PATH}/strategy/archetype.md`, `{BRAND_PATH}/strategy/positioning.md`, `{BRAND_PATH}/identity/color-system.md` if they exist. Use brand strategy to drive logo concepts.
|
|
68
|
+
2. **Within a project** — read `{PROJECT_PATH}/brand.ref` → resolve brand → load above.
|
|
69
|
+
3. **Standalone** — no brand context. Ask the user directly.
|
|
70
|
+
|
|
71
|
+
If brand context exists, skip to Step 2 (derive directions from strategy).
|
|
72
|
+
|
|
73
|
+
## Step 1: Interactive mode (no brand context)
|
|
74
|
+
|
|
75
|
+
Gather logo direction through questions. One `AskUserQuestion` at a time:
|
|
76
|
+
|
|
77
|
+
1. What's the brand name? (open-ended)
|
|
78
|
+
2. What does the brand do, and for whom? (open-ended — infer personality)
|
|
79
|
+
3. Logo energy — use `AskUserQuestion`:
|
|
80
|
+
- **Bold & geometric** — "strong shapes, confident, modern"
|
|
81
|
+
- **Elegant & refined** — "thin strokes, classic, understated"
|
|
82
|
+
- **Playful & expressive** — "organic, hand-crafted feel, personality"
|
|
83
|
+
- **Technical & precise** — "grid-based, systematic, engineered"
|
|
84
|
+
- **Minimal & typographic** — "the name IS the logo, pure type"
|
|
85
|
+
4. Any existing marks or elements to consider? (open-ended — "no" is fine)
|
|
86
|
+
|
|
87
|
+
## Step 2: Design 3 directions
|
|
88
|
+
|
|
89
|
+
Each direction must be a genuinely different approach — not three variations of the same idea:
|
|
90
|
+
|
|
91
|
+
### Per direction, define:
|
|
92
|
+
|
|
93
|
+
- **Concept name** — a memorable label (e.g., "The Architect", "Living Mark", "Pure Type")
|
|
94
|
+
- **Concept description** — what the mark represents and why. 2-3 sentences max.
|
|
95
|
+
- **Strategic rationale** — connects to brand archetype/positioning: "This direction expresses [strategy element] because..."
|
|
96
|
+
- **Mark type** — wordmark, lettermark, symbol, combination mark, emblem, abstract
|
|
97
|
+
- **Construction** — key geometric relationships, grid alignment, proportions
|
|
98
|
+
- **Variations:**
|
|
99
|
+
- Primary (full lockup)
|
|
100
|
+
- Secondary (compact/stacked)
|
|
101
|
+
- Icon (standalone mark, works at 16px)
|
|
102
|
+
- Wordmark (type only, no symbol)
|
|
103
|
+
- Monochrome (single color)
|
|
104
|
+
- Reversed (on dark backgrounds)
|
|
105
|
+
- **Clear space** — minimum padding expressed as fraction of mark height (e.g., "0.5x mark height on all sides")
|
|
106
|
+
- **Minimum size** — smallest size before the mark breaks down (e.g., "24px for full lockup, 16px for icon")
|
|
107
|
+
- **Don'ts** — specific anti-patterns for this direction (stretching, recoloring, busy backgrounds, etc.)
|
|
108
|
+
|
|
109
|
+
### Direction diversity
|
|
110
|
+
|
|
111
|
+
Ensure the 3 directions span different mark types. If one is a wordmark, another should be a symbol-based mark. If one is geometric, another should be organic. Give the user a real choice, not three flavors of the same thing.
|
|
112
|
+
|
|
113
|
+
## Step 3: Write logo-directions.md
|
|
114
|
+
|
|
115
|
+
Resolve output path:
|
|
116
|
+
- Within a brand: `{BRAND_PATH}/identity/logo-directions.md`
|
|
117
|
+
- Within a project: `{PROJECT_PATH}/references/logo-directions.md`
|
|
118
|
+
- Standalone: display output, offer to save
|
|
119
|
+
|
|
120
|
+
Write following `references/chunk-format.md` format. Target: 100-140 lines.
|
|
121
|
+
|
|
122
|
+
Structure:
|
|
123
|
+
```markdown
|
|
124
|
+
# Logo Directions
|
|
125
|
+
|
|
126
|
+
> Phase: identity | Brand: {name} | Generated: {DATE}
|
|
127
|
+
|
|
128
|
+
---
|
|
129
|
+
|
|
130
|
+
## Direction 1: {Concept Name}
|
|
131
|
+
|
|
132
|
+
**Concept:** {description}
|
|
133
|
+
**Rationale:** {connects to strategy}
|
|
134
|
+
**Mark type:** {type}
|
|
135
|
+
**Construction:** {geometric relationships}
|
|
136
|
+
|
|
137
|
+
### Variations
|
|
138
|
+
{primary, secondary, icon, wordmark, monochrome, reversed}
|
|
139
|
+
|
|
140
|
+
### Usage Rules
|
|
141
|
+
- Clear space: {rule}
|
|
142
|
+
- Minimum size: {rule}
|
|
143
|
+
- Don'ts: {anti-patterns}
|
|
144
|
+
|
|
145
|
+
## Direction 2: {Concept Name}
|
|
146
|
+
{same structure}
|
|
147
|
+
|
|
148
|
+
## Direction 3: {Concept Name}
|
|
149
|
+
{same structure}
|
|
150
|
+
|
|
151
|
+
---
|
|
152
|
+
|
|
153
|
+
## Related
|
|
154
|
+
- [color-system.md](./color-system.md)
|
|
155
|
+
- [typography.md](./typography.md)
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
## Step 4: Completion
|
|
159
|
+
|
|
160
|
+
Display summary:
|
|
161
|
+
```
|
|
162
|
+
/gsp-logo — 3 directions defined
|
|
163
|
+
|
|
164
|
+
1. {concept name} {mark type} — {one-line concept}
|
|
165
|
+
2. {concept name} {mark type} — {one-line concept}
|
|
166
|
+
3. {concept name} {mark type} — {one-line concept}
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
Use `AskUserQuestion`:
|
|
170
|
+
- **Continue to identity** — proceed with `/gsp-brand-identity`
|
|
171
|
+
- **Explore a direction** — deep dive into one direction
|
|
172
|
+
- **Done** — that's all
|
|
173
|
+
</process>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: palette
|
|
2
|
+
name: gsp-palette
|
|
3
3
|
description: Generate OKLCH color palettes — standalone or as a building block for identity
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: sonnet
|
|
@@ -11,10 +11,10 @@ allowed-tools:
|
|
|
11
11
|
- WebFetch
|
|
12
12
|
---
|
|
13
13
|
<context>
|
|
14
|
-
You are a GSP palette generator. You produce OKLCH 11-stop color scales from input hex colors using the tints.dev API. Downstream agents (
|
|
14
|
+
You are a GSP palette generator. You produce OKLCH 11-stop color scales from input hex colors using the tints.dev API. Downstream agents (creative-director, system-architect, builder) consume the output files.
|
|
15
15
|
|
|
16
16
|
This is a standalone composable skill. It works two ways:
|
|
17
|
-
1. **Standalone** — user runs `/gsp
|
|
17
|
+
1. **Standalone** — user runs `/gsp-palette #FF5733 #3366FF` directly, gets palettes
|
|
18
18
|
2. **As a building block** — identity phase detects existing palette files and reuses them
|
|
19
19
|
</context>
|
|
20
20
|
|
|
@@ -47,9 +47,9 @@ Read the user's input to determine the mode:
|
|
|
47
47
|
|
|
48
48
|
| Input | Mode |
|
|
49
49
|
|-------|------|
|
|
50
|
-
| `/gsp
|
|
51
|
-
| `/gsp
|
|
52
|
-
| `/gsp
|
|
50
|
+
| `/gsp-palette #FF5733 #3366FF` | Direct — hex colors from args |
|
|
51
|
+
| `/gsp-palette #FF5733 #3366FF --preview` | Preview — show scales without writing files |
|
|
52
|
+
| `/gsp-palette` | Interactive — ask for colors |
|
|
53
53
|
|
|
54
54
|
## Step 1: Collect colors
|
|
55
55
|
|
|
@@ -100,7 +100,7 @@ Parse the response and extract the scale values.
|
|
|
100
100
|
If `--preview`, display the scales without writing files:
|
|
101
101
|
|
|
102
102
|
```
|
|
103
|
-
/gsp
|
|
103
|
+
/gsp-palette preview
|
|
104
104
|
═══════════════════════════════════════
|
|
105
105
|
|
|
106
106
|
primary (#FF5733)
|
|
@@ -120,7 +120,7 @@ If `--preview`, display the scales without writing files:
|
|
|
120
120
|
...
|
|
121
121
|
|
|
122
122
|
─────────────────────────────────────
|
|
123
|
-
Run /gsp
|
|
123
|
+
Run /gsp-palette #FF5733 #3366FF to write files.
|
|
124
124
|
```
|
|
125
125
|
|
|
126
126
|
Stop here. Do not write any files.
|
|
@@ -146,7 +146,7 @@ Write `{OUTPUT_PATH}/palettes.json` with the full OKLCH scales:
|
|
|
146
146
|
|
|
147
147
|
```json
|
|
148
148
|
{
|
|
149
|
-
"$description": "OKLCH 11-stop color palettes generated by /gsp
|
|
149
|
+
"$description": "OKLCH 11-stop color palettes generated by /gsp-palette",
|
|
150
150
|
"$source": "tints.dev",
|
|
151
151
|
"primary": {
|
|
152
152
|
"source": "#FF5733",
|
|
@@ -245,7 +245,7 @@ Write `{OUTPUT_PATH}/color-system.md` as a foundation chunk per `references/chun
|
|
|
245
245
|
Display the result:
|
|
246
246
|
|
|
247
247
|
```
|
|
248
|
-
/gsp
|
|
248
|
+
/gsp-palette — {n} colors scaled
|
|
249
249
|
═══════════════════════════════════════
|
|
250
250
|
|
|
251
251
|
{OUTPUT_PATH}/
|
|
@@ -260,8 +260,8 @@ Display the result:
|
|
|
260
260
|
|
|
261
261
|
Then use `AskUserQuestion` with routing options:
|
|
262
262
|
|
|
263
|
-
- **Generate type scale** — "pair these palettes with typography" → route to `/gsp
|
|
264
|
-
- **Apply a full style** — "use a style preset for the complete system" → route to `/gsp
|
|
265
|
-
- **Continue to identity** — "use these palettes in the branding diamond" → route to `/gsp
|
|
263
|
+
- **Generate type scale** — "pair these palettes with typography" → route to `/gsp-typescale`
|
|
264
|
+
- **Apply a full style** — "use a style preset for the complete system" → route to `/gsp-style`
|
|
265
|
+
- **Continue to identity** — "use these palettes in the branding diamond" → route to `/gsp-brand-identity`
|
|
266
266
|
- **Done** — "that's all for now"
|
|
267
267
|
</process>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: pretty
|
|
2
|
+
name: gsp-pretty
|
|
3
3
|
description: "Surprise ASCII art in the terminal"
|
|
4
4
|
user-invocable: true
|
|
5
5
|
model: sonnet
|
|
@@ -59,5 +59,5 @@ Spawn the `gsp-ascii-artist` agent with this prompt, filling in the context you
|
|
|
59
59
|
|
|
60
60
|
## Step 3: Done
|
|
61
61
|
|
|
62
|
-
No iteration needed. If the user wants more control, point them to `/gsp
|
|
62
|
+
No iteration needed. If the user wants more control, point them to `/gsp-art`.
|
|
63
63
|
</process>
|
|
@@ -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
|
|
|
@@ -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,7 +49,6 @@ 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
|
|
|
@@ -63,7 +62,7 @@ Read `{PROJECT_PATH}/brand.ref` → set `BRAND_PATH`.
|
|
|
63
62
|
## Step 0.5: Validate prerequisites
|
|
64
63
|
|
|
65
64
|
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
|
|
65
|
+
If design is `pending` or missing: "No designs found. Run `/gsp-project-design` first — building without designs leads to poor results." Then stop.
|
|
67
66
|
|
|
68
67
|
Exception: if `design_scope` is `tokens` in config.json, skip this check (tokens-only projects don't need design).
|
|
69
68
|
|
|
@@ -90,7 +89,7 @@ Check `{PROJECT_PATH}/STATE.md` for build status. If status is `needs-revision`:
|
|
|
90
89
|
|
|
91
90
|
### Design check
|
|
92
91
|
|
|
93
|
-
If design doesn't exist (no `design/` dir or no screen chunks in it), tell the user to run `/gsp
|
|
92
|
+
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
93
|
|
|
95
94
|
### Enumerate screens
|
|
96
95
|
|
|
@@ -101,7 +100,7 @@ Log screen list for user visibility.
|
|
|
101
100
|
|
|
102
101
|
## Step 2: Phase 1 — SCAFFOLD
|
|
103
102
|
|
|
104
|
-
Invoke `/gsp
|
|
103
|
+
Invoke `/gsp-scaffold` via the Skill tool.
|
|
105
104
|
|
|
106
105
|
This handles: dependency installation, config file creation, component library init, build verification.
|
|
107
106
|
|
|
@@ -114,10 +113,11 @@ After scaffold completes, verify `{PROJECT_PATH}/build/SCAFFOLD-LOG.md` exists.
|
|
|
114
113
|
Read these reference files (relative to skill dir `${CLAUDE_SKILL_DIR}/../../references/`):
|
|
115
114
|
- `visual-effects.md`
|
|
116
115
|
- `block-patterns.md`
|
|
117
|
-
- `anti-patterns.md`
|
|
118
116
|
|
|
119
117
|
Hold their content for inlining into agent prompts in Steps 3 and 5.
|
|
120
118
|
|
|
119
|
+
> **Note:** Anti-patterns are distilled into the `gsp-builder` agent prompt. Full ref remains on disk for edge-case agent lookup.
|
|
120
|
+
|
|
121
121
|
## Step 3: Phase 2 — FOUNDATIONS
|
|
122
122
|
|
|
123
123
|
Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
@@ -126,15 +126,15 @@ Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
|
126
126
|
|
|
127
127
|
| File | Purpose |
|
|
128
128
|
|------|---------|
|
|
129
|
-
| `{BRAND_PATH}/patterns/
|
|
130
|
-
| `{BRAND_PATH}/patterns/
|
|
129
|
+
| `{BRAND_PATH}/patterns/{brand-name}.yml` | Token values only — used with `references/token-mapping.md` to generate CSS variables. Do NOT re-read patterns/constraints/effects from here — those are in STYLE.md. |
|
|
130
|
+
| `{BRAND_PATH}/patterns/STYLE.md` | Design law — philosophy, patterns, constraints, effects, bold bets, implementation hints (if exists; fall back to `{brand-name}.md`) |
|
|
131
131
|
| `{PROJECT_PATH}/brief/target-adaptations.md` | Component adaptations for target |
|
|
132
132
|
| `.design/system/STACK.md` | Stack state |
|
|
133
133
|
| `.design/system/CONVENTIONS.md` | Codebase conventions (if exists) |
|
|
134
134
|
| `.design/system/COMPONENTS.md` | Existing components (if exists) |
|
|
135
135
|
| `{PROJECT_PATH}/config.json` | Tech stack, target |
|
|
136
|
-
|
|
|
137
|
-
| Visual effects, block patterns
|
|
136
|
+
| Build output template (from execution_context) | Build log structure |
|
|
137
|
+
| Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
|
|
138
138
|
|
|
139
139
|
### Agent instructions:
|
|
140
140
|
|
|
@@ -146,7 +146,7 @@ Spawn `gsp-builder` agent with **execution_mode: foundations**.
|
|
|
146
146
|
> 2. Create global CSS (resets, base styles, font imports, dark mode setup)
|
|
147
147
|
> 3. Create root layout with nav shell and footer shell (structure only — no page content)
|
|
148
148
|
> 4. Create shared utilities (cn helper, theme provider if needed)
|
|
149
|
-
> 5. Apply the
|
|
149
|
+
> 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
150
|
> 6. Do NOT build individual screens or page content
|
|
151
151
|
> 7. Write code directly to the codebase, not to `.design/`
|
|
152
152
|
> 8. Leave changes unstaged
|
|
@@ -210,10 +210,10 @@ If the user requests adjustments during foundation review:
|
|
|
210
210
|
|
|
211
211
|
1. Apply the changes to the project codebase first (directly or via a quick builder re-run)
|
|
212
212
|
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-
|
|
213
|
+
3. If yes, spawn a background `gsp-brand-engineer` agent to update brand patterns:
|
|
214
214
|
- Pass: the specific changes made (what tokens/values changed, old → new)
|
|
215
|
-
- Pass: `{BRAND_PATH}/patterns/
|
|
216
|
-
- Agent updates
|
|
215
|
+
- Pass: `{BRAND_PATH}/patterns/{brand-name}.yml` and relevant identity chunks
|
|
216
|
+
- Agent updates the `.yml` preset, foundation chunks, and STYLE.md if applicable
|
|
217
217
|
- Agent writes to `{BRAND_PATH}/` — the brand source of truth
|
|
218
218
|
- Run in background (`run_in_background: true`) so the build pipeline continues
|
|
219
219
|
4. Continue to Step 5 without waiting for brand sync
|
|
@@ -231,10 +231,10 @@ Build screens sequentially. For each screen in `SCREENS`:
|
|
|
231
231
|
| `{PROJECT_PATH}/brief/target-adaptations.md` | Component adaptations |
|
|
232
232
|
| `{PROJECT_PATH}/research/reference-specs.md` (if exists) | Technical specs |
|
|
233
233
|
| `{PROJECT_PATH}/critique/prioritized-fixes.md` (if exists) | Critique fixes relevant to this screen |
|
|
234
|
-
|
|
|
235
|
-
| Visual effects, block patterns
|
|
234
|
+
| Build output template (from execution_context) | Build log structure |
|
|
235
|
+
| Visual effects, block patterns refs (loaded in Step 2.5) | Design patterns + CSS recipes |
|
|
236
236
|
|
|
237
|
-
**Does NOT receive:** other screen chunks,
|
|
237
|
+
**Does NOT receive:** other screen chunks, brand `.yml` (already integrated into codebase), full brand system, research monoliths.
|
|
238
238
|
|
|
239
239
|
### Agent instructions per screen:
|
|
240
240
|
|
|
@@ -308,7 +308,7 @@ This step is **not auto-applied** — the user decides what to extract.
|
|
|
308
308
|
If the extraction scan finds hardcoded values that should be tokens (finding type #2), and those tokens are missing from the brand system:
|
|
309
309
|
|
|
310
310
|
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-
|
|
311
|
+
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
312
|
|
|
313
313
|
## Step 6: Finalize
|
|
314
314
|
|
|
@@ -365,7 +365,7 @@ For `needs-revision` status, spawn a single `gsp-builder` agent with execution_m
|
|
|
365
365
|
After the revision agent completes, check if any QA fixes changed token-level values (colors, typography, spacing, shadows). If so:
|
|
366
366
|
|
|
367
367
|
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-
|
|
368
|
+
2. If yes, spawn a background `gsp-brand-engineer` agent with the changed values to update `{BRAND_PATH}/patterns/`.
|
|
369
369
|
|
|
370
370
|
Then continue from Step 6 (finalize).
|
|
371
371
|
</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,13 +57,13 @@ 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.
|
|
@@ -73,34 +71,35 @@ Read `{PROJECT_PATH}/config.json` to get `implementation_target`, `design_scope`
|
|
|
73
71
|
## Step 1.8: Load critique references
|
|
74
72
|
|
|
75
73
|
Read these reference files (relative to skill dir `${CLAUDE_SKILL_DIR}/../../references/`):
|
|
76
|
-
- `nielsen-heuristics.md`
|
|
77
|
-
- `visual-taste.md`
|
|
78
|
-
- `anti-patterns.md`
|
|
79
74
|
- `wcag-checklist.md`
|
|
80
75
|
- `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}/../../references/` — 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
|
|
|
@@ -169,6 +168,6 @@ If verdict is **Fail**:
|
|
|
169
168
|
|
|
170
169
|
Render phase transition (see `references/phase-transitions.md`). This phase has pass/fail variants — the reference covers both.
|
|
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>
|