You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: skills/draft-logo/SKILL.md
+5-9Lines changed: 5 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,11 +41,10 @@ SVG is the medium for exploration in this skill — the right format for showing
41
41
-**Stylistic territory** — which mode it occupies ("soft-luminous"), so the slate as a whole spans different modes
42
42
Before sending, self-check: *which of these would I forget by tomorrow? Replace those.* Wait for the user to confirm or trim the slate. Do not write any SVG yet.
43
43
3.**Determine the round number.** Read `logos/` in the current working directory. If it doesn't exist, the round is 1. Otherwise pick the next available `logos/round-N.html`. Pick codes (`A` through `F`) restart each round.
44
-
4.**Render the gallery.** Generate one SVG per confirmed concept, using the SVG technique committed in step 2. **Before embedding each SVG into the HTML, re-read the concept's name and one-line description and honestly ask: does this SVG render the thing I named?** If it doesn't — if "clouds" came out as rounded rectangles, if "the aperture" came out as a flat ring with no light-quality — redraw or rename. Then embed all SVGs in a single self-contained HTML file (inline CSS, no external dependencies) following the structure below. The gallery's nav block links to every round and (when present) the preview page; the brief recap appears below the title on every round, not only round 1. After writing round N's HTML, **regenerate the nav block in every prior round's HTML** — locate the `<!-- nav:start -->` / `<!-- nav:end -->` markers and replace the contents between them — so older rounds learn about the new one.
44
+
4.**Render the gallery.** Generate one SVG per confirmed concept, using the SVG technique committed in step 2. **Before embedding each SVG into the HTML, re-read the concept's name and one-line description and honestly ask: does this SVG render the thing I named?** If it doesn't — if "clouds" came out as rounded rectangles, if "the aperture" came out as a flat ring with no light-quality — redraw or rename. Then embed all SVGs in a single self-contained HTML file (inline CSS, no external dependencies) following the structure below. The gallery's nav block links to every round; the brief recap appears below the title on every round, not only round 1. After writing round N's HTML, **regenerate the nav block in every prior round's HTML** — locate the `<!-- nav:start -->` / `<!-- nav:end -->` markers and replace the contents between them — so older rounds learn about the new one.
45
45
5.**Print the path and stop.** Tell the user exactly where the file is and how to pick (by pick code — e.g., "I like `B` and `D`"). Do not draft round 2 unsolicited.
46
46
6.**Converge on user picks.** When the user names picks (e.g., "`B` and `D`"), enter convergence mode: round N+1 produces ~6 cards total, distributed across the picked directions with a minimum of 2 variations per direction. Variations only — color shifts, weight changes, geometric refinements, technique substitutions (swap `feGaussianBlur` for crisper edges, swap a radial gradient for a flat fill). **Two carve-outs from "not new ideas":** (a) a *deferred* round-1 concept the user now wants to revisit is allowed — it's existing material, not novel; (b) if the user rejects an entire slate (round 1 or any convergence round), return to step 2 with a recalibrated brief, not card-level tweaks. Repeat until the user lands on one.
47
-
7.**Preview the pick in context.** Before writing finals, render the chosen mark in realistic contexts in `logos/preview.html`: a fake browser tab with the favicon, the mark next to body copy at 20px, the mark on a dark dock-like background, a single-color stamp at small size. Same self-contained HTML format, same nav block — which now includes a `Preview` link; propagate that addition back into every round's nav block. This is the last sanity pass — it catches "looks great in the gallery, dies in context" failures. Wait for the user's confirmation before step 8.
48
-
8.**Final export.** Once the user confirms the preview, write final assets to `logos/final/`:
47
+
7.**Final export.** Once the user lands on a single concept, write final assets to `logos/final/`:
49
48
-`logo-color.svg` — the chosen mark in color
50
49
-`logo-mono.svg` — single-color version (for stamps, embossing, single-ink contexts)
51
50
-`logo-inverted.svg` — light-on-dark variant if the dark background needs different geometry, not just a CSS color swap
@@ -108,7 +107,6 @@ Reach for whatever serves the concept. This is a menu, not a constraint — and
108
107
<ahref="./round-2.html">Round 2</a>
109
108
<spanclass="sep">·</span>
110
109
<spanclass="current">Round 3</span>
111
-
<!-- once logos/preview.html exists, append: <span class="sep">·</span><a href="./preview.html">Preview</a> -->
112
110
</nav>
113
111
<!-- nav:end -->
114
112
@@ -138,7 +136,7 @@ Reach for whatever serves the concept. This is a menu, not a constraint — and
138
136
</html>
139
137
```
140
138
141
-
Each concept appears in one `.card`. The *same* SVG is reused across all six swatches — sizing is CSS, not separate SVGs. If a concept needs visibly different geometry for light versus dark to read well, that's a signal the mark is fragile; surface it to the user rather than papering over with a second SVG. The `<!-- nav:start -->` / `<!-- nav:end -->` markers exist so the workflow can mechanically regenerate the navigation across every prior round when a new round (or the preview) is added — locate both markers in each existing file and replace the contents between them.
139
+
Each concept appears in one `.card`. The *same* SVG is reused across all six swatches — sizing is CSS, not separate SVGs. If a concept needs visibly different geometry for light versus dark to read well, that's a signal the mark is fragile; surface it to the user rather than papering over with a second SVG. The `<!-- nav:start -->` / `<!-- nav:end -->` markers exist so the workflow can mechanically regenerate the navigation across every prior round when a new round is added — locate both markers in each existing file and replace the contents between them.
142
140
143
141
## What to provide
144
142
@@ -148,11 +146,10 @@ Each concept appears in one `.card`. The *same* SVG is reused across all six swa
148
146
- A self-check on the slate before sending: drop any concept you'd forget by tomorrow
149
147
- A self-check on each SVG before embedding: does it actually render the thing the card names?
150
148
- A self-contained HTML gallery at `logos/round-N.html`, one card per concept, every SVG shown at large/medium/favicon on light + dark
151
-
- A cross-round nav block at the top of every gallery (and the preview), regenerated in all prior files when a new round or the preview is added
149
+
- A cross-round nav block at the top of every gallery, regenerated in all prior files when a new round is added
152
150
- A brief recap below the title on every round's gallery, not only round 1
153
151
- Convergence rounds that distribute ~6 cards across the picked directions (minimum 2 per pick), with deferred round-1 concepts permitted on user request, and a restart-from-slate path when the user rejects an entire slate
154
-
- An in-the-wild preview at `logos/preview.html` before finals — favicon-in-browser-tab, mark next to body copy, mark on a dark dock-like surface, monochrome stamp
155
-
- Final assets in `logos/final/` once the user confirms the preview, with a verified favicon variant
152
+
- Final assets in `logos/final/` once the user lands on a single mark, with a verified favicon variant
156
153
- Concepts that span different stylistic territories in round 1 — not six versions of the same style
157
154
- Honest scope: a mark, not a brand identity system
158
155
@@ -174,7 +171,6 @@ Each concept appears in one `.card`. The *same* SVG is reused across all six swa
174
171
- Introducing truly novel directions in a convergence round (a *deferred* round-1 concept the user revisits is fine; new ideas are not)
175
172
- Tweaking cards when the user has rejected the whole slate — the fix is a new slate, not card-level refinement
176
173
- Leaving prior rounds' nav blocks stale after writing a new round — regenerate them all in every existing file
177
-
- Writing finals without producing the in-the-wild preview first
178
174
- Shipping a "final" favicon without first verifying the mark actually reads at 16–24px
0 commit comments