primocode 10.17.1 → 10.19.0

package/kits/notion-editorial/exemplos/plano.json

@@ -0,0 +1,254 @@
+{
+ "kit": "notion-editorial",
+ "roteiro": "exemplos/roteiro.md",
+ "duracao": 240,
+ "trilha": {
+  "volume": 0.5
+ },
+ "cenas": [
+  {
+   "batida": "gancho",
+   "de": 0,
+   "ate": 44,
+   "entrada": "nenhuma",
+   "camadas": [
+    {
+     "elemento": "TextoSerifa",
+     "props": {
+      "linhas": [
+       "Ideias soltas",
+       "viram *plano.*"
+      ],
+      "inicio": 2,
+      "intervalo": 5,
+      "y": 760,
+      "tamanho": 170,
+      "destaque": "marca"
+     }
+    }
+   ],
+   "socos": [
+    26
+   ],
+   "sons": [
+    {
+     "som": "pop-palavra",
+     "em": 4
+    },
+    {
+     "som": "pop-palavra",
+     "em": 14
+    },
+    {
+     "som": "clique",
+     "em": 28
+    }
+   ]
+  },
+  {
+   "batida": "pagina",
+   "de": 44,
+   "ate": 92,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "BlocoNota",
+     "props": {
+      "titulo": "Plano de lançamento",
+      "inicio": 2,
+      "y": 760,
+      "intervalo": 9,
+      "itens": [
+       {
+        "texto": "Escrever o roteiro"
+       },
+       {
+        "texto": "Gravar a demo"
+       },
+       {
+        "texto": "Convidar a turma"
+       },
+       {
+        "texto": "Publicar sexta",
+        "feito": false
+       }
+      ]
+     }
+    }
+   ],
+   "socos": [
+    20
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "pop-cartao",
+     "em": 6
+    },
+    {
+     "som": "clique",
+     "em": 22
+    },
+    {
+     "som": "clique",
+     "em": 31
+    },
+    {
+     "som": "clique",
+     "em": 40
+    }
+   ]
+  },
+  {
+   "batida": "diagrama",
+   "de": 92,
+   "ate": 134,
+   "entrada": "zoom",
+   "camadas": [
+    {
+     "elemento": "Diagrama",
+     "props": {
+      "nos": [
+       "Ideia",
+       "Rascunho",
+       "Pronto"
+      ],
+      "inicio": 2,
+      "y": 760,
+      "intervalo": 10
+     }
+    }
+   ],
+   "socos": [
+    16
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "pop-cartao",
+     "em": 4
+    },
+    {
+     "som": "pop-cartao",
+     "em": 14
+    },
+    {
+     "som": "pop-cartao",
+     "em": 24
+    }
+   ]
+  },
+  {
+   "batida": "ideia",
+   "de": 134,
+   "ate": 176,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "RabiscoIcone",
+     "props": {
+      "tipo": "lampada",
+      "legenda": "Uma ideia por vez.",
+      "inicio": 2,
+      "y": 700,
+      "tamanho": 720
+     }
+    }
+   ],
+   "socos": [
+    28
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "pop-palavra",
+     "em": 8
+    },
+    {
+     "som": "pop-palavra",
+     "em": 30
+    }
+   ]
+  },
+  {
+   "batida": "passos",
+   "de": 176,
+   "ate": 212,
+   "entrada": "direita",
+   "camadas": [
+    {
+     "elemento": "PassosNumerados",
+     "props": {
+      "passos": [
+       "Escreva",
+       "Organize",
+       "Publique"
+      ],
+      "inicio": 2,
+      "intervalo": 9,
+      "y": 760
+     }
+    }
+   ],
+   "socos": [
+    14
+   ],
+   "sons": [
+    {
+     "som": "swoosh",
+     "em": -1
+    },
+    {
+     "som": "pop-palavra",
+     "em": 4
+    },
+    {
+     "som": "pop-palavra",
+     "em": 13
+    },
+    {
+     "som": "pop-palavra",
+     "em": 22
+    }
+   ]
+  },
+  {
+   "batida": "marca",
+   "de": 212,
+   "ate": 240,
+   "entrada": "zoom",
+   "camadas": [
+    {
+     "elemento": "AssinaturaMarca",
+     "props": {
+      "logo": "logo-pauta.svg",
+      "nome": "Pauta",
+      "detalhe": "Pense com calma.",
+      "endereco": "pauta.exemplo",
+      "inicio": 2,
+      "y": 640
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "assinatura",
+     "em": 3
+    },
+    {
+     "som": "clique",
+     "em": 20
+    }
+   ]
+  }
+ ]
+}

package/kits/notion-editorial/exemplos/roteiro.md

@@ -0,0 +1,20 @@
+# Roteiro de demonstração · Pauta (produto fictício)
+
+Pedido: *"um reels de 8 s da Pauta, app de notas e planejamento. Visual editorial, calmo, com traço de caneta."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 15.4 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–44 | "Ideias soltas / viram *plano.*" | TextoSerifa | pop-palavra, pop-palavra, clique |
+| 2 | pagina | 44–92 | página "Plano de lançamento" com 4 tarefas | BlocoNota | whoosh-entra, pop-cartao, clique, clique, clique |
+| 3 | diagrama | 92–134 | Ideia → Rascunho → Pronto | Diagrama | whoosh-entra, pop-cartao, pop-cartao, pop-cartao |
+| 4 | ideia | 134–176 | lâmpada desenhada + "Uma ideia por vez." | RabiscoIcone | whoosh-entra, pop-palavra, pop-palavra |
+| 5 | passos | 176–212 | 1 Escreva · 2 Organize · 3 Publique | PassosNumerados | swoosh, pop-palavra, pop-palavra, pop-palavra |
+| 6 | marca | 212–240 | logo Pauta + "Pense com calma." | AssinaturaMarca | assinatura, clique |
+
+Como a IA chegou nisso:
+1. Cortou o pedido em promessa, produto, caminho, ideia, passos e marca.
+2. Escolheu um herói desenhado por cena e deixou o resto em branco.
+3. Encaixou os cortes nas batidas de 15,4 quadros e deixou um respiro no fim de cada cena.
+4. O `preview.tsx` entrega o plano à `Montagem`.

package/kits/notion-editorial/preview.tsx

@@ -0,0 +1,12 @@
+// Preview do kit: a demo (8 s) montada SÓ com os elementos do kit, a partir de exemplos/plano.json.
+// O estúdio registra isto como `Kit-notion-editorial`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+import logo from './exemplos/logo-pauta.svg';
+
+const arquivos: Record<string, string> = {'logo-pauta.svg': logo};
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} arquivos={arquivos} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 70, Componente: Preview};

package/kits/notion-editorial/receita.json

@@ -0,0 +1,165 @@
+{
+ "kit": "notion-editorial",
+ "fps": 30,
+ "batida_trilha_quadros": 15.4,
+ "duracao_video_s": [
+  6,
+  60
+ ],
+ "ordem_sugerida": [
+  "gancho",
+  "pagina",
+  "diagrama",
+  "ideia",
+  "passos",
+  "marca"
+ ],
+ "batidas": [
+  {
+   "nome": "gancho",
+   "obrigatoria": true,
+   "duracao": [
+    40,
+    48
+   ],
+   "elementos": [
+    "TextoSerifa"
+   ],
+   "entrada": [
+    "nenhuma"
+   ],
+   "sons": [
+    "pop-palavra",
+    "clique"
+   ],
+   "nota": "2 linhas calmas; a última com marca-texto na palavra-chave."
+  },
+  {
+   "nome": "pagina",
+   "obrigatoria": true,
+   "duracao": [
+    42,
+    52
+   ],
+   "elementos": [
+    "BlocoNota"
+   ],
+   "entrada": [
+    "subir"
+   ],
+   "sons": [
+    "whoosh-entra",
+    "pop-cartao",
+    "clique"
+   ],
+   "nota": "a página com 3–4 tarefas riscadas uma a uma."
+  },
+  {
+   "nome": "diagrama",
+   "obrigatoria": false,
+   "duracao": [
+    40,
+    48
+   ],
+   "elementos": [
+    "Diagrama"
+   ],
+   "entrada": [
+    "zoom"
+   ],
+   "sons": [
+    "whoosh-entra",
+    "pop-cartao"
+   ],
+   "nota": "o caminho em 3 caixas ligadas por setas."
+  },
+  {
+   "nome": "ideia",
+   "obrigatoria": false,
+   "duracao": [
+    40,
+    48
+   ],
+   "elementos": [
+    "RabiscoIcone"
+   ],
+   "entrada": [
+    "subir"
+   ],
+   "sons": [
+    "whoosh-entra",
+    "pop-palavra"
+   ],
+   "nota": "um desenho grande + legenda em itálico."
+  },
+  {
+   "nome": "passos",
+   "obrigatoria": false,
+   "duracao": [
+    33,
+    42
+   ],
+   "elementos": [
+    "PassosNumerados"
+   ],
+   "entrada": [
+    "direita"
+   ],
+   "sons": [
+    "swoosh",
+    "pop-palavra"
+   ],
+   "nota": "3 verbos no imperativo."
+  },
+  {
+   "nome": "marca",
+   "obrigatoria": true,
+   "duracao": [
+    28,
+    45
+   ],
+   "elementos": [
+    "AssinaturaMarca"
+   ],
+   "entrada": [
+    "zoom"
+   ],
+   "sons": [
+    "assinatura",
+    "clique"
+   ],
+   "nota": "sempre a última."
+  }
+ ],
+ "transicoes": [
+  {
+   "nome": "nenhuma",
+   "quadros": 0,
+   "como": "gancho: as palavras entram sozinhas"
+  },
+  {
+   "nome": "subir",
+   "quadros": 12,
+   "como": "entra 260 px de baixo; a anterior sai 220 px para cima"
+  },
+  {
+   "nome": "zoom",
+   "quadros": 12,
+   "como": "entra de 1,9x para 1 com desfoque"
+  },
+  {
+   "nome": "direita",
+   "quadros": 12,
+   "como": "entra 760 px da direita"
+  }
+ ],
+ "camera": {
+  "deriva": "sempre",
+  "socos": "fraco: só no tick/palavra de impacto"
+ },
+ "trilha": {
+  "arquivo": "assets/trilha/trilha.mp3",
+  "volume": 0.5,
+  "com_narracao": 0.25
+ }
+}

package/kits/notion-editorial/regras/area-segura.md

@@ -0,0 +1,13 @@
+# Área segura
+9:16 em 1080×1920: texto em **y 168–1330** e **x 96–984** (margens de 96 px). Nada encosta na borda.
+
+| elemento | y de referência (centro) | tamanho do herói |
+|---|---|---|
+| TextoSerifa | 760 | 2 linhas de 170 px, até 880 de largura |
+| BlocoNota | 760 | 888 × ≈ 910 px |
+| Diagrama | 760 | 3 caixas de 700 × 190 px |
+| RabiscoIcone | 700 | 720 px de lado + legenda em y ≈ 1080 |
+| PassosNumerados | 760 | 3 × 300 px, 888 de largura |
+| AssinaturaMarca | 640 | logo 260 px, nome 300 px |
+
+Um herói por cena + no máximo 1 apoio. Espaço vazio: 35–45% do quadro.

package/kits/notion-editorial/regras/cor.md

@@ -0,0 +1,15 @@
+# Cor
+| token | hex | uso |
+|---|---|---|
+| `papel` | `#F7F3EA` | chão |
+| `papelTopo` | `#EFE9DB` | topo do degradê do chão |
+| `pagina` | `#FFFDF8` | cartão da página |
+| `tinta` | `#1F1B16` | texto e traço |
+| `mute` | `#8A8070` | rótulos, itens feitos |
+| `marca` | `#FFD66B` | marca-texto (uma palavra por frase) |
+| `lapis` | `#E8553E` | riscos, ticks, numerais, sublinhado de marca |
+
+- Chão: `linear-gradient(180deg, #EFE9DB, #F7F3EA)`; pontinhos `#1F1B16` a 7%; luz branca a 70% passeando.
+- Sombra do cartão: dura e pequena `14px 14px 0 rgba(31,27,22,0.12)` (efeito de recorte), nunca difusa.
+- Traço: 3–9 px, `round`, na cor da tinta; riscos/ticks em `lapis`.
+- O cliente troca `marca` e `lapis`; papel e tinta ficam.

package/kits/notion-editorial/regras/movimento.md

@@ -0,0 +1,16 @@
+# Movimento
+Curva padrão `cubic-bezier(.2,.8,.2,1)` (`e5`). Overshoot só no cartão (`eb`, 8%). Calmo.
+
+| movimento | quadros | valores |
+|---|---|---|
+| palavra | 14 (+4 entre palavras) | sobe 40 px, desfoque 6 px → 0, opacidade 0 → 1 |
+| marca-texto | 16 (começa 6 após a palavra) | `scaleX` 0 → 1 da esquerda, skew −4° |
+| sublinhado/círculo | 16 | `pathLength` 0 → 1 |
+| cartão da página | 18 | sobe 160 px, gira −2° → 0, scale 0,9 → 1 |
+| quadradinho + tick | 8 + 12 (a cada 9 quadros por item) | traço se desenha; depois risco sobre o texto em 10 |
+| caixa do diagrama | 12 | traço se desenha; seta em 12, 10 depois |
+| ícone rabiscado | 18 por traço (8 entre traços) | marca-texto preenche em 20 com deslocamento 14 px |
+| passo | 16 (a cada 9–12) | numeral sobe 60 px; frase entra 60 px da direita |
+| entrada de cena | 12 | subir 260 px / zoom 1,9x / lateral 760 px |
+| câmera | contínua | zoom 1,02 + 0,0003/quadro, deriva 8×7 px, soco +0,015 por batida |
+| respiro | 10–16 quadros | depois do último traço nada novo entra |

package/kits/notion-editorial/regras/ritmo.md

@@ -0,0 +1,14 @@
+# Ritmo
+- 1 batida = **15,4 quadros** (92 bpm). Cenas de 1,2 a 1,7 s (36–50 quadros), com **respiro de 0,4–0,5 s** no fim de cada cena.
+- Leitura: 2 linhas de gancho = 40 quadros; 3 passos = 36 quadros.
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho | 1,3–1,6 | 40–48 |
+| pagina | 1,4–1,7 | 42–52 |
+| diagrama | 1,3–1,6 | 40–48 |
+| ideia | 1,3–1,6 | 40–48 |
+| passos | 1,1–1,4 | 33–42 |
+| marca | 0,9–1,5 | 28–45 |
+
+Demo 8 s = 240 quadros = 6 cenas: 0, 44, 92, 134, 176, 212.

package/kits/notion-editorial/regras/som.md

@@ -0,0 +1,18 @@
+# Som
+- Trilha: `assets/trilha/trilha.mp3` (9 s, 92 bpm, preset lofi-desk, tom C, lead pluck), volume **0,45**, fade nos últimos **20 quadros**.
+- Com narração: trilha a **0,25**, efeitos a 70%. Pacote de efeitos: MotionCraft `paper` (papel, caneta).
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
+| `swoosh` | 1,0 | movimento lateral grande |
+| `whoosh-sai` | 0,8 | saída grande |
+| `pop-palavra` | 1,0 | palavra-chave que entra |
+| `pop-cartao` | 0,9 | peça que pousa |
+| `impacto` | 0,85 | clímax da cena |
+| `subida` | 0,7 | 1,2 s antes de um impacto (sempre resolve nele) |
+| `assinatura` | 0,9 | revelação da marca |
+| `clique` | 0,8 | endereço/CTA aparece |
+
+- `clique` em cada tick riscado; `pop-palavra` na palavra com marca-texto; sem impacto grave nem subida (estilo calmo).
+- Máx. **2 sons/s**; nunca o mesmo arquivo duas vezes seguidas. Alvo **−14 LUFS**, pico −1,5 dBTP.

package/kits/notion-editorial/regras/tipografia.md

@@ -0,0 +1,15 @@
+# Tipografia
+- Fontes: **Cormorant Garamond** 500–700 (romano e itálico, tudo que é lido) e **Jost** 500 (rótulos pequenos). Registradas como `NE Cormorant Garamond` e `NE Jost`.
+- Serifa em tracking −0,01 em, line-height 1,18; rótulos em Jost com +0,14 em, caixa alta.
+
+| papel | tamanho px | peso | máx. caracteres por linha |
+|---|---|---|---|
+| frase de gancho | 170 (encolhe até 880) | 700 | 14 |
+| título da página | 84 | 700 | 22 |
+| tarefa | 60 | 600 | 24 |
+| texto da caixa do diagrama | 110 | 700 | 10 |
+| legenda (itálico) | 96 | 600 itálico | 20 |
+| numeral do passo | 280 | 600 itálico | 1 |
+| frase do passo | 120 | 700 | 10 |
+| nome da marca | 300 | 700 | 6 |
+| rótulo Jost | 26–38 | 500 | 20 |

package/kits/papel-recortado/SKILL.md

@@ -0,0 +1,57 @@
+---
+slug: papel-recortado
+nome: Papel recortado
+descricao: livro pop-up de papel craft: camadas com borda fibrosa e sombra entre elas, paralaxe, peças que levantam e dobram, letras recortadas, stop-motion em dois
+familia: Feito à mão
+versao: 2
+quando:
+  - "vídeo infantil, educativo ou de oficina de artesanato"
+  - "anúncio acolhedor com cara de papel cortado à mão"
+  - "convite de evento familiar, feira ou festa"
+  - "quero camadas de papel, recorte, livro pop-up, stop-motion"
+  - "reels de loja, escola ou projeto social com cara de feito à mão"
+nao_serve:
+  - "clima tecnológico, frio ou hacker (use terminal)"
+  - "visual premium minimalista (use apple-tipografico)"
+  - "fotos reais como protagonista"
+---
+
+# Papel recortado
+
+Um **livro pop-up de papel de verdade**, visto por uma janela recortada numa folha kraft (a moldura que se repete).
+Tudo é papel: cada forma passa pelo filtro do kit, que **rasga a borda** (ruído fractal desloca o contorno até 7 px,
+fibroso), aplica **textura de fibra** e joga uma **sombra na camada de trás** (6–14 px de desfoque, 9–22 px pra
+baixo). As camadas ficam em **profundidades** diferentes e a câmera de mesa anda: **paralaxe**. As peças entram como
+num livro pop-up: colinas **sobem da dobra**, cartões **levantam do chão** (rotateX 88° → 0), abas **abrem**, etiquetas
+penduradas **caem e balançam**, cartões em **camadas empilhadas** chegam uma folha por vez, a **fita adesiva** prende.
+A troca de cena **vira a página**. O título é **recortado**: cada letra colorida colada numa margem creme cortada na
+tesoura, torta. Tudo anima **em dois** (a imagem muda a cada 2 quadros). Paleta de 5 papéis craft + tinta.
+
+## Como montar um vídeo com este kit
+
+1. **Corte o roteiro** em 4 páginas: gancho (diorama + título) → data/oferta (cartão pop-up) → lista (etiquetas) → cta.
+2. **Escolha as batidas** em `receita.json`. Uma página = uma ideia, 1 herói + no máximo 1 apoio.
+3. **Escreva o plano** (`exemplos/plano.json`): `fundo` de cada página (um papel), camadas com `profundidade`
+   (0 = fundo, 1 = frente), `entrada` de cada peça, `camera` [[quadro, zoom, x, y]] e sons.
+4. **Renderize** e confira: 35–45% de papel liso, nada colado na moldura (margem ≥ 88 px), respiro ≥ 8 quadros
+   depois de cada peça assentar.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `CamadaPapel` | colinas, onda, nuvem, sol com raios, círculo, estrela; sobe/dobra/pop/desliza; paralaxe | gancho, todas (chão) |
+| `LetrasRecortadas` | título letra a letra com margem creme, levanta da linha de base, cai no fim | gancho |
+| `FolhaPopUp` | cartão que levanta com abas que abrem atrás; linhas de texto em papéis | data, oferta |
+| `EtiquetaPapel` | até 3 etiquetas penduradas por barbante que caem e balançam | lista |
+| `CartaoCamadas` | 3 folhas empilhadas em relevo, chegam uma a uma; título + linha | cta |
+| `Fita` | fita adesiva de papel que bate e prende | data, cta |
+| `MolduraPapel` | a janela rasgada na folha kraft (fixa no vídeo inteiro) | todas |
+
+## Proibido
+
+- Forma lisa sem o filtro de papel (sem borda rasgada e sem sombra não é papel).
+- Mais de 5 papéis + tinta; degradê; brilho; preto chapado.
+- Movimento liso a 30 qps: tudo anda em dois.
+- Peça encostada na moldura ou texto fora de y 168–1330.
+- Mais de 1 herói por página.

package/kits/papel-recortado/assets/ASSETS.md

@@ -0,0 +1,18 @@
+# Assets do kit papel-recortado
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/fredoka-700.woff2` | Fredoka (título), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-fredoka-700.txt` |
+| `fontes/nunito-700.woff2` | Nunito (texto), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-nunito-700.txt` |
+| `sons/whoosh-entra.mp3` | efeito whoosh-entra | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/whoosh-sai.mp3` | efeito whoosh-sai | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/swoosh.mp3` | efeito swoosh | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/pop-palavra.mp3` | efeito pop-palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/pop-cartao.mp3` | efeito pop-cartao | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | efeito clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | efeito impacto | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | efeito subida | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | efeito assinatura | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/tick.mp3` | efeito tick | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `trilha/trilha.mp3` | trilha de 8,7 s, 104 bpm | MotionCraft `music make --preset calm-punch --bpm 104 --key F` | síntese própria (CC0); MotionCraft é MIT |
+