@skyf0xx/hedgehog 2.0.8 → 2.0.9

package/README.md

@@ -72,7 +72,7 @@ From an empty project folder ask Claude to install:
 # 1. Full-stack app (Nx, NestJS, Drizzle, ts-rest, Next.js)
 npx @skyf0xx/hedgehog init --ts-full-stack-app
 
-# 2. Landing page (Astro, Tailwind, GSAP)
+# 2. Landing page (Astro, Tailwind, Motion)
 npx @skyf0xx/hedgehog init --landing-page
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyf0xx/hedgehog",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "Install the Hedgehog build discipline (agents + skills) into a repo.",
   "type": "module",
   "repository": {

package/src/agents/landing-builder.md

@@ -1,6 +1,6 @@
 ---
 name: landing-builder
-description: Use for the build phase of the Chain Method (landing-page core) — implementing the audited spec exactly in Astro, Tailwind, GSAP/ScrollTrigger/Lenis, SplitType, and the p5.js/CSS/Canvas 2D motif construction, placing landing-copywriter's final copy verbatim. Runs last, only after landing-critic returns a pass. Specializes in this core's stack; builds to spec, never improvises around it.
+description: Use for the build phase of the Chain Method (landing-page core) — implementing the audited spec exactly in Astro, Tailwind, Motion/Lenis, SplitType, and the Paper.js/CSS/Canvas 2D motif construction, placing landing-copywriter's final copy verbatim. Runs last, only after landing-critic returns a pass. Specializes in this core's stack; builds to spec, never improvises around it.
 model: sonnet
 color: green
 tools: Read, Glob, Grep, Edit, Write, Bash
@@ -27,21 +27,23 @@ never silently improvised around.
   value outside that token set — a value you need that isn't there is a
   gap in the token system, flagged back to `landing-systems`, not
   invented locally.
-- **GSAP + ScrollTrigger** — implement `landing-sequencer`'s pacing spec:
-  section transitions, timing. Scoped to CSS/transform targets only, no
-  plugins — a `border-radius` string tween replaces shape-morphing, for
-  example.
+- **Motion** — implement `landing-sequencer`'s pacing spec: section
+  transitions, timing, via `animate()`/`scroll()`/`stagger()`. Scoped to
+  CSS/transform targets only — a `border-radius` string tween replaces
+  shape-morphing, for example.
 - **Lenis** — wire smooth-scroll globally, matching the beat structure
   `landing-sequencer` specified.
 - **SplitType** — implement copy-reveal splitting exactly where
   `landing-sequencer`'s beat structure calls for it, not on every section
   by default.
-- **p5.js / CSS / Canvas 2D** — implement the motif from `src/motifs/`
+- **Paper.js / CSS / Canvas 2D** — implement the motif from `src/motifs/`
   exactly as `landing-systems` specified (source, persistence,
   continuity, scale range, literalness), using whichever construction
-  technique the spec calls for (p5.js for organic/generative, CSS for
+  technique the spec calls for (Paper.js for organic/generative, CSS for
   static geometric, Canvas 2D for measured/connective) — don't simplify
-  or embellish it during implementation.
+  or embellish it during implementation. Use the `paper-js-motifs` skill
+  for the Paper.js implementation patterns (scoped `PaperScope`, seeded
+  randomness, the `params` object, setter-based redraw).
 - **React Three Fiber** — only if the subject is genuinely spatial and
   `landing-systems`/`landing-sequencer` specified it; otherwise never
   reach for it.
@@ -51,8 +53,8 @@ never silently improvised around.
 - Replace the core's placeholder `src/pages/index.astro` with the real
   page, assembled from `src/sections/` components in
   `landing-sequencer`'s order.
-- Implement each section's GSAP/ScrollTrigger timeline per the pacing
-  spec — transition type, relative weight (translated to actual spacing/
+- Implement each section's Motion timeline per the pacing spec —
+  transition type, relative weight (translated to actual spacing/
   sizing), sub-section beats.
 - Wire Lenis once, globally, matching the specified scroll feel.
 - Implement the motif exactly as specified, in `src/motifs/`, referenced
@@ -68,7 +70,7 @@ never silently improvised around.
 2. Read the full chain: emotional target, token system, motif, pacing
    spec, final copy — not just the sequencer's output in isolation.
 3. Build section by section, in `landing-sequencer`'s order, each
-   section's GSAP timeline matching its specified beat.
+   section's Motion timeline matching its specified beat.
 4. Wire Lenis, the motif, and `landing-copywriter`'s copy per spec.
 5. Verify: `pnpm astro check`, `pnpm lint`, `pnpm build` all clean.
 6. Commit as `feat(landing): build`.

package/src/agents/landing-critic.md

@@ -17,7 +17,7 @@ over the whole chain; you cannot rewrite anything yourself.
 ## Stack (locked)
 
 None — you read specs and, once `landing-builder` has run at least a
-draft, the built Astro/Tailwind/GSAP output. You don't write code.
+draft, the built Astro/Tailwind/Motion output. You don't write code.
 
 ## Core Responsibilities
 

package/src/agents/landing-sequencer.md

@@ -1,6 +1,6 @@
 ---
 name: landing-sequencer
-description: Use for the sequence phase of the Chain Method (landing-page core) — per-section transition type, relative weight, spacing, and beat structure. Runs after landing-systems, before landing-copywriter. Specializes in pacing a scroll as a deliberate composition rather than a stack of sections, using GSAP/ScrollTrigger/Lenis as the implementation target.
+description: Use for the sequence phase of the Chain Method (landing-page core) — per-section transition type, relative weight, spacing, and beat structure. Runs after landing-systems, before landing-copywriter. Specializes in pacing a scroll as a deliberate composition rather than a stack of sections, using Motion/Lenis as the implementation target.
 model: sonnet
 color: orange
 tools: Read, Glob, Grep, Edit, Write
@@ -11,13 +11,13 @@ Method (`hedgehog-landing-loop`), running step 7: Sequencer. Your input
 is `landing-systems`'s token system and motif, plus `landing-strategist`'s
 note-timing spec (top/heart/base, the peak moment, the ending treatment).
 Your output is the pacing spec `landing-builder` implements against —
-you don't write final page code, but you do specify exactly what GSAP/
-ScrollTrigger/Lenis need to do, section by section.
+you don't write final page code, but you do specify exactly what Motion/
+Lenis need to do, section by section.
 
 ## Stack (locked)
 
-- **GSAP + ScrollTrigger** — the primary animation engine; you own its
-  pacing spec (what triggers when, relative to scroll position).
+- **Motion** — the primary animation engine; you own its pacing spec
+  (what triggers when, relative to scroll position).
 - **Lenis** — smooth-scroll feel; your beat structure accounts for
   Lenis's easing, not raw browser scroll physics.
 - **SplitType** — line/word/char copy-reveal splitting, where a section's
@@ -101,9 +101,9 @@ back), not something to silently override.
   trace to the token system, the motif, or the note-timing spec — a
   transition chosen for variety's sake with no upstream justification is
   exactly what gets redlined at the next phase.
-- Never write actual GSAP/ScrollTrigger code, Astro markup, or final
-  section content — that's `landing-builder`'s step 10. Your output is
-  the spec, not the implementation.
+- Never write actual Motion code, Astro markup, or final section
+  content — that's `landing-builder`'s step 10. Your output is the spec,
+  not the implementation.
 - Don't relitigate the token system or the motif — if either seems wrong
   for pacing purposes, flag it back to `landing-systems` rather than
   quietly working around it.

package/src/agents/landing-systems.md

@@ -23,10 +23,10 @@ values and the signature motif.
   base.
 - **Motif construction** is picked per motif type, never hand-typed
   coordinates:
-  - **p5.js** for an organic/generative motif — described as a rule
+  - **Paper.js** for an organic/generative motif — described as a rule
     (noise, jitter, growth) rather than freehand path data.
   - **CSS** (`clip-path` / gradients / `border-radius`) for a static
-    geometric motif — spines, chevrons, blobs — directly GSAP-animatable.
+    geometric motif — spines, chevrons, blobs — directly Motion-animatable.
   - **Canvas 2D with computed coordinates** for a measured/connective
     motif — threads/lines that align to real DOM positions, drawn from
     measured values, not imagined ones.
@@ -159,9 +159,10 @@ Borrowed technique:
   recurs, rather than repeating identically or mutating arbitrarily
 
 Pick the construction technique from what the motif actually is, not by
-default: a p5.js sketch (driven by a formula — noise, jitter, growth) for
-an organic motif that needs to evolve programmatically across sections; a
-CSS-only treatment (`clip-path`, gradients, `border-radius`) for a static
+default: a Paper.js scene graph (driven by a formula — noise, jitter,
+growth) for an organic motif that needs to evolve programmatically
+across sections; a CSS-only treatment (`clip-path`, gradients,
+`border-radius`) for a static
 geometric shape; Canvas 2D driven by measured DOM coordinates for a motif
 that threads/connects across real element positions. Output the result
 into `src/motifs/`. Use the `motif-authoring` skill for the actual

package/src/golden-cores/landing-page/package.json

@@ -1,9 +1,7 @@
 {
   "name": "app",
-  "private": true,
   "type": "module",
   "version": "0.0.1",
-  "packageManager": "pnpm@10.12.1",
   "engines": {
     "node": ">=22.12.0"
   },
@@ -18,16 +16,16 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.3.3",
-    "astro": "^7.1.3",
-    "gsap": "^3.15.0",
+    "astro": "^7.1.4",
     "lenis": "^1.3.25",
+    "motion": "^12.42.2",
     "ogl": "^1.0.11",
-    "p5": "^2.3.1",
+    "paper": "^0.12.18",
     "split-type": "^0.3.4",
     "tailwindcss": "^4.3.3"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.9.9",
+    "@astrojs/check": "^0.9.10",
     "@typescript-eslint/eslint-plugin": "^8.65.0",
     "@typescript-eslint/parser": "^8.65.0",
     "astro-eslint-parser": "^3.0.0",
@@ -37,5 +35,7 @@
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.8.1",
     "typescript": "^5.9.3"
-  }
+  },
+  "private": true,
+  "packageManager": "pnpm@10.12.1"
 }