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.
Files changed (121) hide show
  1. package/README.md +7 -12
  2. package/bin/install.js +96 -71
  3. package/gsp/agents/gsp-accessibility-auditor.md +3 -3
  4. package/gsp/agents/gsp-ascii-artist.md +1 -1
  5. package/gsp/agents/gsp-brand-auditor.md +2 -2
  6. package/gsp/agents/gsp-brand-engineer.md +131 -0
  7. package/gsp/agents/gsp-brand-strategist.md +2 -2
  8. package/gsp/agents/gsp-brand-syncer.md +8 -7
  9. package/gsp/agents/gsp-builder.md +48 -5
  10. package/gsp/agents/gsp-campaign-director.md +2 -3
  11. package/gsp/agents/gsp-creative-director.md +80 -0
  12. package/gsp/agents/gsp-critic.md +99 -17
  13. package/gsp/agents/gsp-designer.md +51 -4
  14. package/gsp/agents/gsp-project-researcher.md +3 -3
  15. package/gsp/agents/gsp-researcher.md +4 -4
  16. package/gsp/agents/gsp-reviewer.md +2 -2
  17. package/gsp/agents/gsp-scoper.md +2 -2
  18. package/gsp/hooks/hooks.json +5 -5
  19. package/gsp/references/design-trends.md +4 -4
  20. package/gsp/references/phase-transitions.md +12 -12
  21. package/gsp/references/questioning.md +1 -1
  22. package/gsp/references/token-mapping.md +329 -0
  23. package/gsp/skills/gsp-3d/SKILL.md +112 -0
  24. package/gsp/skills/gsp-accessibility/SKILL.md +11 -11
  25. package/gsp/skills/gsp-accessibility-audit/SKILL.md +6 -7
  26. package/gsp/skills/gsp-add-reference/SKILL.md +1 -1
  27. package/gsp/skills/gsp-art/SKILL.md +1 -1
  28. package/gsp/skills/gsp-brand-audit/SKILL.md +3 -3
  29. package/gsp/skills/gsp-brand-guidelines/SKILL.md +233 -0
  30. package/gsp/skills/gsp-brand-identity/SKILL.md +27 -18
  31. package/gsp/skills/gsp-brand-refine/SKILL.md +29 -22
  32. package/gsp/skills/gsp-brand-research/SKILL.md +2 -2
  33. package/gsp/skills/gsp-brand-strategy/SKILL.md +3 -3
  34. package/gsp/skills/gsp-brand-sync/SKILL.md +7 -7
  35. package/gsp/skills/gsp-color/SKILL.md +105 -0
  36. package/gsp/skills/gsp-design-system/SKILL.md +4 -4
  37. package/gsp/skills/gsp-doctor/SKILL.md +25 -18
  38. package/gsp/skills/gsp-help/SKILL.md +28 -28
  39. package/gsp/skills/gsp-icons/SKILL.md +108 -0
  40. package/gsp/skills/gsp-images/SKILL.md +197 -0
  41. package/gsp/skills/gsp-launch/SKILL.md +2 -3
  42. package/gsp/skills/gsp-logo/SKILL.md +173 -0
  43. package/gsp/skills/gsp-palette/SKILL.md +13 -13
  44. package/gsp/skills/gsp-pretty/SKILL.md +2 -2
  45. package/gsp/skills/gsp-progress/SKILL.md +20 -20
  46. package/gsp/skills/gsp-project-brief/SKILL.md +7 -8
  47. package/gsp/skills/gsp-project-build/SKILL.md +21 -21
  48. package/gsp/skills/gsp-project-critique/SKILL.md +13 -14
  49. package/gsp/skills/gsp-project-design/SKILL.md +17 -17
  50. package/gsp/skills/gsp-project-research/SKILL.md +5 -6
  51. package/gsp/skills/gsp-project-review/SKILL.md +7 -9
  52. package/gsp/skills/gsp-scaffold/SKILL.md +3 -3
  53. package/gsp/skills/gsp-start/SKILL.md +14 -14
  54. package/gsp/skills/gsp-style/SKILL.md +41 -43
  55. package/gsp/skills/gsp-style/styles/INDEX.yml +1 -1
  56. package/gsp/skills/gsp-style/styles/academia.yml +80 -0
  57. package/gsp/skills/gsp-style/styles/art-deco.yml +81 -0
  58. package/gsp/skills/gsp-style/styles/bauhaus.yml +78 -0
  59. package/gsp/skills/gsp-style/styles/bold-typography.yml +73 -0
  60. package/gsp/skills/gsp-style/styles/botanical.yml +78 -0
  61. package/gsp/skills/gsp-style/styles/claymorphism.yml +84 -0
  62. package/gsp/skills/gsp-style/styles/cyberpunk.yml +87 -0
  63. package/gsp/skills/gsp-style/styles/enterprise.yml +81 -0
  64. package/gsp/skills/gsp-style/styles/flat-design.yml +67 -0
  65. package/gsp/skills/gsp-style/styles/fluent.yml +82 -0
  66. package/gsp/skills/gsp-style/styles/glassmorphism.yml +83 -0
  67. package/gsp/skills/gsp-style/styles/humanist-literary.yml +74 -0
  68. package/gsp/skills/gsp-style/styles/industrial.yml +82 -0
  69. package/gsp/skills/gsp-style/styles/kinetic.yml +94 -0
  70. package/gsp/skills/gsp-style/styles/liquid-glass.yml +91 -0
  71. package/gsp/skills/gsp-style/styles/luxury.yml +83 -0
  72. package/gsp/skills/gsp-style/styles/material.yml +83 -0
  73. package/gsp/skills/gsp-style/styles/maximalism.yml +92 -0
  74. package/gsp/skills/gsp-style/styles/minimal-dark.yml +75 -0
  75. package/gsp/skills/gsp-style/styles/modern-dark.yml +88 -0
  76. package/gsp/skills/gsp-style/styles/monochrome.yml +68 -0
  77. package/gsp/skills/gsp-style/styles/neubrutalism.yml +83 -0
  78. package/gsp/skills/gsp-style/styles/neumorphism.yml +77 -0
  79. package/gsp/skills/gsp-style/styles/newsprint.yml +81 -0
  80. package/gsp/skills/gsp-style/styles/organic.yml +77 -0
  81. package/gsp/skills/gsp-style/styles/playful-geometric.yml +90 -0
  82. package/gsp/skills/gsp-style/styles/professional.yml +67 -0
  83. package/gsp/skills/gsp-style/styles/retro.yml +85 -0
  84. package/gsp/skills/gsp-style/styles/saas.yml +83 -0
  85. package/gsp/skills/gsp-style/styles/sketch.yml +86 -0
  86. package/gsp/skills/gsp-style/styles/swiss-minimalist.yml +69 -0
  87. package/gsp/skills/gsp-style/styles/terminal.yml +83 -0
  88. package/gsp/skills/gsp-style/styles/vaporwave.yml +84 -0
  89. package/gsp/skills/gsp-style/styles/web3.yml +82 -0
  90. package/gsp/skills/gsp-textures/SKILL.md +132 -0
  91. package/gsp/skills/gsp-typescale/SKILL.md +11 -11
  92. package/gsp/skills/gsp-typography/SKILL.md +108 -0
  93. package/gsp/skills/gsp-update/SKILL.md +1 -2
  94. package/gsp/skills/gsp-video/SKILL.md +101 -0
  95. package/gsp/templates/branding/config.json +1 -1
  96. package/gsp/templates/branding/roadmap.md +9 -9
  97. package/gsp/templates/exports-index.md +8 -8
  98. package/gsp/templates/phases/build.md +1 -1
  99. package/gsp/templates/phases/design.md +1 -1
  100. package/gsp/templates/phases/patterns.md +60 -71
  101. package/gsp/templates/phases/style.md +158 -0
  102. package/gsp/templates/projects/config.json +1 -1
  103. package/gsp/templates/projects/roadmap.md +7 -7
  104. package/gsp/templates/projects/state.md +1 -1
  105. package/package.json +1 -2
  106. package/.claude-plugin/plugin.json +0 -24
  107. package/gsp/agents/gsp-identity-designer.md +0 -74
  108. package/gsp/agents/gsp-pattern-architect.md +0 -189
  109. package/gsp/prompts/01-design-system-architect.md +0 -19
  110. package/gsp/prompts/02-brand-identity-creator.md +0 -16
  111. package/gsp/prompts/03-ui-ux-pattern-master.md +0 -21
  112. package/gsp/prompts/04-marketing-asset-factory.md +0 -14
  113. package/gsp/prompts/05-implementation-spec-expert.md +0 -15
  114. package/gsp/prompts/06-design-critique-partner.md +0 -14
  115. package/gsp/prompts/07-design-trend-synthesizer.md +0 -3
  116. package/gsp/prompts/08-accessibility-auditor.md +0 -23
  117. package/gsp/prompts/09-design-to-code-translator.md +0 -49
  118. package/gsp/prompts/10-project-scoper.md +0 -17
  119. package/gsp/prompts/11-deliverable-reviewer.md +0 -18
  120. package/gsp/prompts/12-project-researcher.md +0 -18
  121. 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 (identity-designer, system-architect, builder) consume the output files.
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:palette #FF5733 #3366FF` directly, gets palettes
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: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 |
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:palette preview
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:palette #FF5733 #3366FF to write files.
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:palette",
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:palette — {n} colors scaled
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: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`
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:art`.
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:doctor)" instead of crashing.
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:start to begin.
72
+ run /gsp-start to begin.
73
73
  ```
74
74
 
75
75
  ### Standard State — render these elements:
76
76
 
77
- **Brand Mark:** `/gsp:` (accent+bold) followed by state diamonds
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:brand-identity` (secondary `→ next:`, accent skill name)
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:brand-identity
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:project-build
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: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-patterns`
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: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`
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:start`.
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:brand-patterns` first to create the brand's design patterns.
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/tokens.json`.
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:project-build`."
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** tokens.json (loaded in Step 1)
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
- - The Project Scoper prompt (10), brief output template (from execution_context)
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:scaffold → verify build passes
25
+ └─ /gsp-scaffold → verify build passes
26
26
 
27
27
  Phase 2: FOUNDATIONS (agent: gsp-builder mode:foundations)
28
- ├─ Context: tokens.json, target-adaptations.md, STACK.md, CONVENTIONS.md
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:project-design` first — building without designs leads to poor results." Then stop.
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:project-design` first and stop.
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:scaffold` via the Skill tool.
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/tokens.json` | Design tokens |
130
- | `{BRAND_PATH}/patterns/{brand-name}.md` | Brand visual DNA effects, component stylings, bold bets (if exists) |
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 lawphilosophy, 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
- | Design-to-Code Translator prompt (09, from execution_context) | Translation methodology |
137
- | Visual effects, block patterns, anti-patterns refs (loaded in Step 2.5) | Design patterns + constraints |
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 brand style prompt's visual effects and signature patterns — create CSS utilities or Tailwind extensions for the brand's signature effects (glass, glow, gradients, shadows, motion patterns)
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-pattern-architect` agent to update brand patterns:
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/tokens.json` and relevant identity chunks
216
- - Agent updates tokens.json, foundation chunks, and style preset YAML if applicable
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
- | Design-to-Code Translator prompt (09, from execution_context) | Translation methodology |
235
- | Visual effects, block patterns, anti-patterns refs (loaded in Step 2.5) | Design patterns + constraints |
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, tokens.json (already in codebase), full brand system, research monoliths.
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-pattern-architect` agent with the missing token definitions to add them to `{BRAND_PATH}/patterns/tokens.json` and relevant foundation chunks.
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-pattern-architect` agent with the changed values to update `{BRAND_PATH}/patterns/`.
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:accessibility --tokens`). If yes, reference it and skip inline token checks. If no, suggest running `/gsp:accessibility --tokens` for detailed token contrast analysis.
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:project-build`."
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 any input files.
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** Nielsen's 10 Heuristics, visual taste, anti-patterns, color composition references (loaded in Step 1.8)
96
- - The Design Critique Partner prompt (06), critique output template (from execution_context)
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:accessibility` run. If yes, skip spawning the accessibility auditor — reuse the existing output. If no, pass in the agent prompt:
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), Accessibility Auditor prompt (08, from execution_context)
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:brand-refine` to adjust tokens without re-running identity."
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>