extracting-design-syst…
Use when the user says "setup", "setup bridge", "extract", "extract DS", "onboard", "build…
Use when the user says "done", "ship it", "finish", "complete", "archive", or otherwise indicates the current design is ready to be shipped. Runs final verification (Gate B), archives the CSpec, updates history, extracts a recipe when eligible, and cleans up temp files.
$ npx -y skills add noemuch/bridge --skill shipping-and-archiving --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/shipping-and-archivingContext preview
The summary Claude sees to decide when to auto-load this skill.
Use when the user says "done", "ship it", "finish", "complete", "archive", or otherwise indicates the current design is ready to be shipped. Runs final verification (Gate B), archives the CSpec, updates history, extracts a recipe when eligible, and cleans up temp files.
name: shipping-and-archiving description: Use when the user says "done", "ship it", "finish", "complete", "archive", or otherwise indicates the current design is ready to be shipped. Runs final verification (Gate B), archives the CSpec, updates history, extracts a recipe when eligible, and cleans up temp files.
{{ACTIVE_RULES}}
Formal completion of a design session. Verifies visual correctness one last time (Gate B), moves the CSpec to `specs/shipped/`, appends a history entry, and — when the design qualifies — extracts a reusable recipe back into the knowledge base.
Invoke when the user:
Do NOT use if:
Check if the snapshot has been updated since the last `fix` run, or if `fix` was never run:
Changes detected since last generation/fix.
Running auto-fix to capture corrections before archiving...-> Execute the full fix flow via the `learning-from-corrections` skill (steps 2-10 of its procedure)
Evaluate if this design qualifies for recipe extraction:
**Eligibility criteria (ALL must be met):** 1. The CSpec is in **screen mode** (`meta.type: screen`) 2. The design was generated and executed in Figma (snapshot exists) 3. Total corrections during the `fix` cycle <= 2
**If eligible:**
This design qualifies for recipe extraction.
Creating recipe: {archetype} (from {name})Extract recipe: 1. Take the final scene graph JSON (post-corrections) 2. Templatize: replace concrete text content with `{{ param }}` placeholders 3. Replace component keys with `@lookup:ComponentName` references 4. Define parameters based on variable content (title, items, section count, etc.) 5. Set initial confidence: `0.70 + (0.05 * 1) = 0.75` (first success) 6. Write to `recipes/r-{archetype}-{nnn}.json` 7. Update `recipes/_index.json` with the new recipe metadata
**If not eligible:**
Recipe extraction skipped: {reason}
(screen mode: {yes/no}, corrections: {n}, threshold: <= 2)If a recipe was used during `make` (check `snapshot.meta.recipe`):
1. Increment `successCount` 2. Recalculate confidence:
base_score = min(1.0, 0.70 + (successCount * 0.05)) recency_weight = max(0.50, 1.0 - (days_since_last_use * 0.005)) correction_decay = max(0.60, 1.0 - (avgCorrections * 0.15)) confidence = base_score * recency_weight * correction_decay
3. Update the recipe file and `_index.json`
mv specs/active/{name}.cspec.yaml specs/shipped/{name}.cspec.yamlIf a snapshot exists:
mv specs/active/{name}-snapshot.json specs/shipped/{name}-snapshot.jsonAppend to `specs/history.log`:
{date} | {name} | {component|screen} | {figma_url} | {learnings_count} | {recipe_extracted: yes/no}Report learnings from this cycle:
Learnings persisted: {n} learnings, {n} flags from this design.
{n} recipe(s) updated, {n} recipe(s) created.---
## Done: {name}
Figma: {url}
CSpec archived: specs/shipped/{name}.cspec.yaml
Learnings: {n} persisted
Recipe: {extracted as r-{archetype}-{nnn} | updated {recipe} confidence to {score} | none}
Ready for the next design!<HARD-GATE> NEVER archive a spec without Gate B evidence from the current or previous turn (fresh screenshot + explicit user confirmation).
NEVER claim "shipped" without the history.log entry being written. </HARD-GATE>
See the full catalog at `references/red-flags-catalog.md` (repo-root).
Top flags for this skill:
This skill is gated by `references/verification-gates.md` (repo-root):
preceding turn + explicit confirmation text.
Evidence to surface: screenshot tool result, confirmation text, archive path, recipe extraction decision.
(No cross-skill invocations in v6. The docs cascade was removed.)
---
digraph done_gate {
"User says 'done'" [shape=doublecircle];
"CSpec in specs/active/?" [shape=diamond];
"Abort: nothing active" [shape=box style=filled fillcolor=lightcoral];
"Final compile (Gate B)" [shape=box];
"Compile exit 0?" [shape=diamond];
"Take final screenshot" [shape=box];
"Visual matches intent?" [shape=diamond];
"Iterate via fix" [shape=box];
"Move CSpec to shipped/" [shape=box];
"Recipe eligiDesign in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.
Repo: noemuch/bridge
Use when the user says "setup", "setup bridge", "extract", "extract DS", "onboard", "build…
Use when the user requests to design, create, build, generate, or make a new Figma component…
Use when the user says they adjusted the design in Figma, mentions "fix", "correct", "learn…
Use when any Bridge command is invoked (make, fix, done, setup, drop, status) or any Figma /…