@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.
- package/cli/lint.js +20 -14
- package/cli/scaffold.js +124 -16
- package/package.json +1 -1
- package/reference/dark/claudedispatch.tsx +1 -1
- package/reference/dark/codedrop.tsx +908 -0
- package/reference/dark/gpt55.tsx +2608 -0
- package/reference/dark/notebooklm.tsx +1 -1
- package/reference/dark/resourcescta.tsx +609 -0
- package/reference/dark/skills.tsx +1460 -0
- package/reference/dark/stitch.tsx +1 -1
- package/reference/dark/stitch2.tsx +162 -0
- package/reference/forbidden/heretic.tsx +1 -2
- package/reference/glass/claudewatch.tsx +4 -4
- package/reference/glass/claudewatchcta.tsx +599 -0
- package/reference/glass/graphify.tsx +1 -2
- package/reference/glass/gstack.tsx +3020 -0
- package/reference/glass/jcode.tsx +2267 -0
- package/reference/glass/lilagents.tsx +2649 -0
- package/reference/glass/paperclip.tsx +1 -2
- package/reference/paper/designreel.tsx +1 -1
- package/reference/paper/devini3d.tsx +1799 -0
- package/reference/paper/justdrop.tsx +1 -1
- package/reference/paper/opus.tsx +1 -1
- package/reference/warm/huashu.tsx +1 -2
- package/reference/warm/mempalace.tsx +1 -2
- package/skill/SKILL.md +25 -16
|
@@ -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:
|
|
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} />
|
package/reference/paper/opus.tsx
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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.
|
|
39
|
+
## Reference reels (v1.4+ — every preset has one)
|
|
40
40
|
|
|
41
|
-
ReelStack ships **
|
|
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
|
|
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
|
-
**
|
|
52
|
-
1.
|
|
53
|
-
2.
|
|
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
|
|
58
|
-
- `/reelstack-glass --preset=graphify`
|
|
59
|
-
- `/reelstack-glass --preset=graphify --reference=claudewatch` overrides to
|
|
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
|
|