@devinilabs/reelstack 1.3.2 → 1.4.1

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.
Files changed (19) hide show
  1. package/cli/scaffold.js +124 -16
  2. package/docs/buyers-guide.md +1 -1
  3. package/docs/family-galleries/dark.md +1 -1
  4. package/docs/family-galleries/forbidden.md +1 -1
  5. package/docs/family-galleries/glass.md +1 -1
  6. package/docs/family-galleries/paper.md +1 -1
  7. package/docs/family-galleries/warm.md +1 -1
  8. package/package.json +1 -1
  9. package/reference/dark/codedrop.tsx +908 -0
  10. package/reference/dark/gpt55.tsx +2608 -0
  11. package/reference/dark/resourcescta.tsx +609 -0
  12. package/reference/dark/skills.tsx +1460 -0
  13. package/reference/dark/stitch2.tsx +162 -0
  14. package/reference/glass/claudewatchcta.tsx +599 -0
  15. package/reference/glass/gstack.tsx +3020 -0
  16. package/reference/glass/jcode.tsx +2267 -0
  17. package/reference/glass/lilagents.tsx +2649 -0
  18. package/reference/paper/devini3d.tsx +1799 -0
  19. package/skill/SKILL.md +25 -16
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