@devinilabs/reelstack 1.3.1 → 1.4.0

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.
@@ -1884,7 +1884,7 @@ export const JustDropReel: React.FC = () => {
1884
1884
 
1885
1885
  return (
1886
1886
  <AbsoluteFill style={{ backgroundColor: "#e8e4de", fontFamily: FONT }}>
1887
- {/* REFERENCE-STRIP: <Audio> tag removed — bring your own voiceover */}
1887
+ {/* REFERENCE-STRIP: voiceover tag removed — bring your own voiceover */}
1888
1888
  <Background frame={frame} />
1889
1889
  <HookScene frame={frame} fps={fps} />
1890
1890
  <PowersScene frame={frame} fps={fps} />
@@ -1751,7 +1751,7 @@ export const OpusReel: React.FC = () => {
1751
1751
  return (
1752
1752
  <AbsoluteFill style={{ backgroundColor: "#e8e4de", fontFamily: FONT }}>
1753
1753
  {/* Voiceover audio */}
1754
- {/* REFERENCE-STRIP: <Audio> tag removed — bring your own voiceover */}
1754
+ {/* REFERENCE-STRIP: voiceover tag removed — bring your own voiceover */}
1755
1755
 
1756
1756
  <Background frame={frame} />
1757
1757
  <HookScene frame={frame} fps={fps} />
@@ -17,7 +17,6 @@
17
17
  import React from "react";
18
18
  import {
19
19
  AbsoluteFill,
20
- Audio,
21
20
  Easing,
22
21
  OffthreadVideo,
23
22
  Sequence,
@@ -3367,7 +3366,7 @@ export const HuashuReel: React.FC = () => {
3367
3366
  }}
3368
3367
  >
3369
3368
  {/* VOICEOVER — runs the entire composition */}
3370
- {/* REFERENCE-STRIP: <Audio> tag removed — bring your own voiceover */}
3369
+ {/* REFERENCE-STRIP: voiceover tag removed — bring your own voiceover */}
3371
3370
 
3372
3371
  <Sequence from={SCENES.S1.from} durationInFrames={SCENES.S1.dur}>
3373
3372
  <Scene1 />
@@ -17,7 +17,6 @@
17
17
  import React from "react";
18
18
  import {
19
19
  AbsoluteFill,
20
- Audio,
21
20
  Easing,
22
21
  Img,
23
22
  OffthreadVideo,
@@ -2878,7 +2877,7 @@ const Scene8: React.FC = () => {
2878
2877
  export const MemPalaceReel: React.FC = () => {
2879
2878
  return (
2880
2879
  <AbsoluteFill style={{ background: C.bg }}>
2881
- {/* REFERENCE-STRIP: <Audio> tag removed — bring your own voiceover */}
2880
+ {/* REFERENCE-STRIP: voiceover tag removed — bring your own voiceover */}
2882
2881
 
2883
2882
  <Sequence from={SCENES.S1.from} durationInFrames={SCENES.S1.dur}>
2884
2883
  <Scene1 />
package/skill/SKILL.md CHANGED
@@ -36,30 +36,39 @@ The full influence map and rule citations live at `~/.reelstack/docs/design-disc
36
36
 
37
37
  ---
38
38
 
39
- ## Reference reels (v1.1.1+)
39
+ ## Reference reels (v1.4+ — every preset has one)
40
40
 
41
- ReelStack ships **12 reference reels** at `~/.reelstack/reference/<family>/<preset>.tsx` — production-tested Devini Labs reels with asset imports stripped (look for `REFERENCE-STRIP` markers). Use them as canonical examples of each family's motion vocabulary when scaffolding or iterating.
41
+ ReelStack ships **22 reference reels** at `~/.reelstack/reference/<family>/<preset>.tsx` — production-tested Devini Labs reels with asset imports stripped (look for `REFERENCE-STRIP` markers). **Every preset has a reference reel**, and the scaffolder uses it directly: when you run a `/reelstack-*` family command, the CLI copies the matching reference reel into `src/<Name>Reel.tsx` and renames the export. Result: a buyer's first scaffold is production-grade motion / palette / scene structure, not a thin template.
42
42
 
43
- | Family | References available |
43
+ | Family | References (one per preset) |
44
44
  |---|---|
45
- | Glass Iridescent | graphify · paperclip · claudewatch |
46
- | Cream Paper | justdrop · opus · designreel |
47
- | Dark Cinematic | stitch · claudedispatch · notebooklm |
48
- | Warm Signature | huashu · mempalace |
49
- | Forbidden | heretic |
50
-
51
- **When you (Claude) scaffold a reel:**
52
- 1. After the CLI scaffolds the file, check `~/.reelstack/reference/<family>/<preset>.tsx`.
53
- 2. If it exists, READ it before answering any "make my reel feel more like X" follow-up.
45
+ | Glass Iridescent (7) | graphify · paperclip · gstack · lilagents · jcode · claudewatch · claudewatchcta |
46
+ | Cream Paper (4) | justdrop · opus · designreel · devini3d |
47
+ | Dark Cinematic (8) | stitch · stitch2 · codedrop · claudedispatch · notebooklm · gpt55 · resourcescta · skills |
48
+ | Warm Signature (2) | huashu · mempalace |
49
+ | Forbidden (1) | heretic |
50
+
51
+ **v1.4 scaffold flow:**
52
+ 1. Buyer types `/reelstack-glass --preset=graphify --name=MyLaunch`.
53
+ 2. CLI reads `~/.reelstack/reference/glass/graphify.tsx` (2400+ lines of production motion).
54
+ 3. CLI strips the reference-header JSDoc and renames `export const GraphifyReel` → `export const MyLaunchReel`.
55
+ 4. CLI writes `src/MyLaunchReel.tsx` (faithful production clone, just renamed).
56
+ 5. Buyer replaces the canonical Devini Labs hook/sub/CTA strings with their own narrative.
57
+ 6. Buyer runs `/reelstack-beats` to lock motion to their voiceover.
58
+
59
+ **When you (Claude) iterate on a scaffolded reel:**
60
+ 1. The scaffold header at the top of the buyer's file names the source reference reel.
61
+ 2. READ that reference reel before answering "make my reel feel more like X" follow-ups.
54
62
  3. Use its JSX scene composition as a model — same primitives, same BEAT spacing, same camera moves.
55
63
  4. Quote specific scene names ("the RevealScene in graphify uses…") when explaining design choices to the buyer.
56
64
 
57
- **Buyer-facing usage:**
58
- - `/reelstack-glass --preset=graphify` automatically references `glass/graphify.tsx`.
59
- - `/reelstack-glass --preset=graphify --reference=claudewatch` overrides to use ClaudeWatchReel as the iteration model.
65
+ **Buyer-facing overrides:**
66
+ - `/reelstack-glass --preset=graphify` scaffolds from `reference/glass/graphify.tsx` by default.
67
+ - `/reelstack-glass --preset=graphify --reference=claudewatch` overrides to scaffold from a different preset's reference.
68
+ - `/reelstack-glass --preset=graphify --minimal` opts into the legacy generic-template path (thin skeleton).
60
69
  - See `~/.reelstack/docs/design-discipline.md` for the full pattern catalog.
61
70
 
62
- **Reference license:** study + adapt patterns OK. Verbatim re-publication as your own paid template NOT OK. See LICENSE.
71
+ **Reference license:** study + adapt patterns OK. Verbatim re-publication of the reference reel as your own paid template NOT OK. See LICENSE.
63
72
 
64
73
  ---
65
74