primocode 10.17.1 → 10.19.0

package/kits/corte-podcast/elementos/LegendaKaraoke.tsx

@@ -0,0 +1,32 @@
+// LegendaKaraoke: legenda falada. As palavras já ditas ficam de papel, a palavra da vez ganha bloco preto e cresce,
+// as que vêm depois ficam esmaecidas. Quebra sozinha em linhas de até 880 px.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FONTE, ov, seg} from './base';
+
+export type LegendaKaraokeProps = {
+  /** a fala inteira, palavras separadas por espaço */
+  texto: string;
+  inicio?: number;
+  /** quadros por palavra (6–8 = fala normal) */
+  intervalo?: number;
+  /** centro vertical, px */
+  y: number;
+  tamanho?: number;
+  fim?: number;
+};
+
+export const LegendaKaraoke: React.FC<LegendaKaraokeProps> = ({texto, inicio = 0, intervalo = 7, y, tamanho = 96, fim = 1e9}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const palavras = texto.split(' ').filter(Boolean);
+  const atual = Math.floor((f - inicio) / intervalo);
+  const entra = ov(seg(f, inicio - 2, inicio + 12)), sai = seg(f, fim, fim + 10);
+  return <div style={{position: 'absolute', left: 100, width: 880, top: y - 260, height: 520, display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignContent: 'center', gap: `${tamanho * 0.08}px ${tamanho * 0.2}px`, opacity: (1 - sai) * Math.min(1, entra * 2), transform: `translateY(${(1 - entra) * 90 + sai * 60}px)`}}>
+    {palavras.map((p, i) => {
+      const viva = i === atual;
+      const pop = viva ? ov(seg(f, inicio + i * intervalo, inicio + i * intervalo + 6)) : 1;
+      return <span key={i} style={{fontFamily: FONTE, fontSize: tamanho, lineHeight: 1.05, textTransform: 'uppercase', color: viva ? COR.papel : i < atual ? COR.papel : COR.osso, opacity: i > atual ? 0.45 : 1, background: viva ? COR.tinta : 'transparent', padding: `${tamanho * 0.02}px ${tamanho * 0.14}px 0`, borderRadius: tamanho * 0.12, transform: `scale(${viva ? 1 + 0.12 * pop : 1}) rotate(${viva ? -2 * pop : 0}deg)`}}>{p}</span>;
+    })}
+  </div>;
+};

package/kits/corte-podcast/elementos/Montagem.tsx

@@ -0,0 +1,59 @@
+// Montagem: transforma um plano de cenas (JSON escrito pela IA) em vídeo, usando só os elementos do kit.
+// Ela NÃO decide nada de estética: só põe Fundo + Camera + Cenas + sons onde o plano mandou.
+// Formato do plano: ver exemplos/plano.json e KITS.md (seção "plano de cenas").
+import React from 'react';
+import {AbsoluteFill} from 'remotion';
+import {COR} from './base';
+import {Fundo} from './Fundo';
+import {Camera} from './Camera';
+import {Cena, Entrada} from './Cena';
+import {Efeito, NomeSom, Trilha} from './Som';
+import {OndaAudio} from './OndaAudio';
+import {CitacaoGrande} from './CitacaoGrande';
+import {CartaoConvidado} from './CartaoConvidado';
+import {LegendaKaraoke} from './LegendaKaraoke';
+import {BarraEpisodio} from './BarraEpisodio';
+import {SeloEpisodio} from './SeloEpisodio';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const ELEMENTOS: Record<string, React.FC<any>> = {
+  OndaAudio, CitacaoGrande, CartaoConvidado, LegendaKaraoke, BarraEpisodio, SeloEpisodio,
+};
+
+export type Camada = {elemento: string; props: Record<string, unknown>};
+export type CenaPlano = {
+  batida: string; de: number; ate: number; entrada?: Entrada;
+  camadas: Camada[];
+  /** sons relativos ao início da cena */
+  sons?: {som: NomeSom; em: number; volume?: number}[];
+  /** socos de câmera extras, relativos ao início da cena (o início já é um soco) */
+  socos?: number[];
+};
+export type Plano = {kit: string; duracao: number; fundo?: Record<string, unknown>; trilha?: {volume?: number} | false; cenas: CenaPlano[]};
+
+/** troca "fotos/foto-01.jpg" pela URL importada, em qualquer prop (texto, lista ou objeto) */
+const resolver = (v: unknown, arquivos: Record<string, string>): unknown => {
+  if (typeof v === 'string') return arquivos[v] ?? v;
+  if (Array.isArray(v)) return v.map((x) => resolver(x, arquivos));
+  if (v && typeof v === 'object') return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, resolver(x, arquivos)]));
+  return v;
+};
+
+export const Montagem: React.FC<{plano: Plano; arquivos?: Record<string, string>}> = ({plano, arquivos = {}}) => {
+  const socos = plano.cenas.flatMap((c) => [c.de, ...(c.socos ?? []).map((s) => c.de + s)]);
+  const ultima = plano.cenas.length - 1;
+  return <AbsoluteFill style={{background: COR.tomate}}>
+    <Fundo {...(plano.fundo as object)} />
+    <Camera batidas={socos}>
+      {plano.cenas.map((c, i) => <Cena key={i} de={c.de} ate={c.ate} entrada={c.entrada} ultima={i === ultima}>
+        {c.camadas.map((k, j) => {
+          const El = ELEMENTOS[k.elemento];
+          if (!El) throw new Error(`corte-podcast: elemento "${k.elemento}" não existe no kit`);
+          return <El key={j} {...(resolver(k.props, arquivos) as object)} />;
+        })}
+      </Cena>)}
+    </Camera>
+    {plano.cenas.flatMap((c, i) => (c.sons ?? []).map((s, j) => <Efeito key={`${i}-${j}`} som={s.som} em={c.de + s.em} volume={s.volume} />))}
+    {plano.trilha !== false && <Trilha volume={plano.trilha?.volume} />}
+  </AbsoluteFill>;
+};

package/kits/corte-podcast/elementos/OndaAudio.tsx

@@ -0,0 +1,41 @@
+// OndaAudio: a onda do áudio em barras de pílula que cruza a tela inteira. Cada barra nasce com overshoot,
+// depois respira no ritmo da fala e dá um pulso em cada batida de `pulsos`. É o herói da identidade do kit.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, LARGURA, ov, rnd, seg} from './base';
+
+export type OndaAudioProps = {
+  /** centro vertical da onda, px */
+  y: number;
+  /** altura máxima das barras, px (herói: 640 a 780) */
+  altura?: number;
+  barras?: number;
+  cor?: string;
+  /** quadro (na cena) em que as barras começam a nascer */
+  inicio?: number;
+  /** quadro em que a onda some; sem isso fica até o fim da cena */
+  fim?: number;
+  /** quadros (na cena) em que a onda dá um pulso forte */
+  pulsos?: number[];
+  /** 1 = ritmo do preview; 2 = fala mais rápida */
+  ritmo?: number;
+  opacidade?: number;
+};
+
+export const OndaAudio: React.FC<OndaAudioProps> = ({y, altura = 700, barras = 27, cor = COR.tinta, inicio = 0, fim = 1e9, pulsos = [], ritmo = 1, opacidade = 1}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const passo = LARGURA / barras, larg = passo * 0.62;
+  const sai = 1 - seg(f, fim, fim + 10);
+  let pulso = 0;
+  for (const p of pulsos) if (f >= p) pulso = Math.max(pulso, Math.exp(-(f - p) / 6));
+  return <div style={{position: 'absolute', inset: 0, opacity: opacidade * sai}}>
+    {Array.from({length: barras}, (_, i) => {
+      const nasce = ov(seg(f, inicio + i * 0.9, inicio + i * 0.9 + 16));
+      const env = 0.28 + 0.72 * Math.sin((Math.PI * (i + 0.5)) / barras); // sino: o meio é mais alto
+      const fala = 0.32 + 0.68 * Math.abs(Math.sin((f * ritmo) / (4 + (i % 5)) + i * 1.7 + rnd(i) * 6));
+      const h = Math.max(larg, altura * env * fala * nasce * (1 + pulso * 0.22));
+      return <div key={i} style={{position: 'absolute', left: i * passo + (passo - larg) / 2, top: y - h / 2, width: larg, height: h, borderRadius: larg / 2, background: cor}} />;
+    })}
+  </div>;
+};

package/kits/corte-podcast/elementos/SeloEpisodio.tsx

@@ -0,0 +1,33 @@
+// SeloEpisodio: adesivo redondo com o nome do podcast em volta e o número do episódio no meio.
+// Entra girando de -200° com overshoot e segue rodando devagar. Cola num canto, dentro da área segura.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FONTE, MONO, ov, seg} from './base';
+
+export type SeloEpisodioProps = {
+  numero: string;
+  /** texto que roda em volta (repete sozinho) */
+  nome: string;
+  inicio?: number;
+  /** centro do selo, px */
+  x?: number;
+  y?: number;
+  tamanho?: number;
+  fim?: number;
+};
+
+export const SeloEpisodio: React.FC<SeloEpisodioProps> = ({numero, nome, inicio = 0, x = 800, y = 400, tamanho = 340, fim = 1e9}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const t = ov(seg(f, inicio, inicio + 18)), sai = seg(f, fim, fim + 10);
+  const anel = `${nome.toUpperCase()} • EP • `.repeat(3);
+  return <div style={{position: 'absolute', left: x - tamanho / 2, top: y - tamanho / 2, width: tamanho, height: tamanho, transform: `scale(${Math.max(0, t) * (1 - sai)}) rotate(${(1 - t) * -200 + 8}deg)`}}>
+    <svg width={tamanho} height={tamanho} viewBox="0 0 340 340">
+      <circle cx={170} cy={170} r={164} fill={COR.papel} stroke={COR.tinta} strokeWidth={7} />
+      <defs><path id="pc-anel" d="M 170 170 m -128 0 a 128 128 0 1 1 256 0 a 128 128 0 1 1 -256 0" /></defs>
+      <g transform={`rotate(${f * 2.2} 170 170)`}><text fontFamily={MONO} fontWeight={500} fontSize={25} fill={COR.tinta}><textPath href="#pc-anel" textLength={796} lengthAdjust="spacing">{anel}</textPath></text></g>
+      <circle cx={170} cy={170} r={92} fill={COR.tinta} />
+    </svg>
+    <div style={{position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE, fontSize: tamanho * 0.36, lineHeight: 1, paddingTop: tamanho * 0.02, color: COR.papel, transform: `rotate(${Math.sin(f / 14) * 4}deg)`}}>{numero}</div>
+  </div>;
+};

package/kits/corte-podcast/elementos/Som.tsx

@@ -0,0 +1,40 @@
+// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`, pacote digital-soft); trilha de 8.6 s
+// (MotionCraft `music make`, preset lofi-desk, 100 bpm, tom E). Ver assets/ASSETS.md.
+// Regra: um som por movimento que importa, 1 a 2 quadros ANTES do visual.
+import React from 'react';
+import {Audio, Sequence, interpolate, useVideoConfig} from 'remotion';
+import whooshEntra from '../assets/sons/whoosh-entra.mp3';
+import whooshSai from '../assets/sons/whoosh-sai.mp3';
+import swoosh from '../assets/sons/swoosh.mp3';
+import popPalavra from '../assets/sons/pop-palavra.mp3';
+import popCartao from '../assets/sons/pop-cartao.mp3';
+import clique from '../assets/sons/clique.mp3';
+import impacto from '../assets/sons/impacto.mp3';
+import subida from '../assets/sons/subida.mp3';
+import assinatura from '../assets/sons/assinatura.mp3';
+import tick from '../assets/sons/tick.mp3';
+import trilha from '../assets/trilha/lofi-pulso-100bpm.mp3';
+
+export const SONS = {
+  'whoosh-entra': whooshEntra, 'whoosh-sai': whooshSai, swoosh, 'pop-palavra': popPalavra, 'pop-cartao': popCartao, clique, impacto, subida, assinatura, tick,
+} as const;
+export type NomeSom = keyof typeof SONS;
+
+// volume de cada efeito (0..1) já calibrado contra a trilha a 0.45
+const VOLUME: Record<NomeSom, number> = {
+  'whoosh-entra': 0.85, 'whoosh-sai': 0.7, swoosh: 0.9, 'pop-palavra': 0.95, 'pop-cartao': 0.9, clique: 0.8, impacto: 0.9, subida: 0.7, assinatura: 0.8, tick: 0.6,
+};
+
+export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
+/** um efeito no quadro `em` (relativo à Cena se estiver dentro de uma, absoluto no resto) */
+export const Efeito: React.FC<EfeitoProps> = ({som, em, volume}) =>
+  <Sequence from={Math.max(0, Math.round(em))} durationInFrames={90} layout="none">
+    <Audio src={SONS[som]} volume={volume ?? VOLUME[som]} />
+  </Sequence>;
+
+export type TrilhaProps = {volume?: number; /** quadros de fade no fim */ saida?: number};
+/** a trilha do kit, do quadro 0 ao fim, com fade de saída */
+export const Trilha: React.FC<TrilhaProps> = ({volume = 0.45, saida = 20}) => {
+  const {durationInFrames} = useVideoConfig();
+  return <Audio src={trilha} volume={(f) => volume * interpolate(f, [durationInFrames - saida, durationInFrames], [1, 0], {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'})} />;
+};

package/kits/corte-podcast/elementos/base.ts

@@ -0,0 +1,82 @@
+// Base do kit corte-podcast: cores, fontes, curvas e medidas. Todo número visual sai daqui.
+// Os elementos importam só este arquivo, 'react' e 'remotion'. Nada de fora da pasta do kit.
+import {continueRender, delayRender} from 'remotion';
+import fonte0Url from '../assets/fontes/anton.woff2';
+import fonte1Url from '../assets/fontes/plexmono.woff2';
+
+// ---------- tela ----------
+export const LARGURA = 1080, ALTURA = 1920, FPS = 30;
+// área segura (Reels/TikTok): o que se lê fica entre estas linhas
+export const SEGURA = {topo: 168, base: 1330, lado: 80};
+export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 920 px
+
+// ---------- cor ----------
+export const COR = {
+  tomate: '#FF4B2B',
+  tomateFundo: '#F23C1E',
+  tinta: '#120D0B',
+  papel: '#FFF3E2',
+  osso: '#FFD3C2',
+  sombra: '#B52410'
+};
+
+
+// ---------- fonte ----------
+// Nome de família com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
+export const FONTE = "\"PC Anton\", Impact, 'Arial Narrow', sans-serif";
+export const MONO = "\"PC Plex Mono\", ui-monospace, Menlo, monospace";
+const fontes = [
+  {nome: 'PC Anton', url: fonte0Url, peso: '400', estilo: 'normal'},
+  {nome: 'PC Plex Mono', url: fonte1Url, peso: '500', estilo: 'normal'},
+];
+if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__cortepodcast) {
+  (globalThis as Record<string, unknown>).__cortepodcast = true;
+  for (const f of fontes) {
+    const h = delayRender('corte-podcast: ' + f.nome);
+    new FontFace(f.nome, `url(${f.url}) format('woff2')`, {weight: f.peso, style: f.estilo}).load()
+      .then((ff) => {document.fonts.add(ff); continueRender(h);})
+      .catch(() => continueRender(h));
+  }
+}
+
+// ---------- tempo e curva ----------
+export const c01 = (t: number) => Math.max(0, Math.min(1, t));
+/** progresso 0..1 de f entre a e b */
+export const seg = (f: number, a: number, b: number) => c01((f - a) / (b - a));
+/** saída rápida e pouso longo, parecida com cubic-bezier(.2,.8,.2,1) */
+export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
+/** pouso com overshoot (passa 1.1x e volta), toda entrada usa esta */
+export const ov = (t: number) => { const x = c01(t) - 1; const k = 2.2; return 1 + (k + 1) * x * x * x + k * x * x; };
+export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
+/** uma batida da trilha do kit (100 bpm) em quadros */
+export const BATIDA = 18.0;
+
+// ---------- medida de texto ----------
+// Mede com canvas (só guarda no cache depois que a fonte carregou) pra encolher a linha que passaria
+// da largura útil. Nunca deixa palavra cortada.
+let canvas: HTMLCanvasElement | null = null;
+const cache = new Map<string, number>();
+export const larguraTexto = (texto: string, tamanho: number, peso = 400, trackingEm = -0.005, familia = 'PC Anton'): number => {
+  const chave = `${texto}|${tamanho}|${peso}|${trackingEm}|${familia}`;
+  const c = cache.get(chave); if (c !== undefined) return c;
+  if (typeof document === 'undefined') return texto.length * tamanho * 0.56;
+  canvas = canvas || document.createElement('canvas');
+  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.56;
+  const fonte = `${peso} ${tamanho}px "${familia}"`;
+  ctx.font = fonte;
+  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
+  if (document.fonts.check(fonte)) cache.set(chave, w);
+  return w;
+};
+/** o maior tamanho até `tamanho` em que o texto cabe em `largura` */
+export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, peso = 400, trackingEm = -0.005, familia = 'PC Anton') => {
+  const w = larguraTexto(texto, tamanho, peso, trackingEm, familia);
+  return w > largura ? Math.floor(tamanho * (largura / w)) : tamanho;
+};
+/** tira os asteriscos de destaque: "Usar *IA*" -> "Usar IA" */
+export const textoLimpo = (t: string) => t.replace(/\*/g, '');
+/** quebra "a *b* c" em partes {t, d}: d = destaque */
+export const partes = (t: string) => t.split(/(\*[^*]+\*)/).filter(Boolean).map((s) => s.startsWith('*') ? {t: s.slice(1, -1), d: true} : {t: s, d: false});
+/** número pseudo-aleatório estável 0..1 */
+export const rnd = (i: number) => { const x = Math.sin(i * 12.9898 + 4.1) * 43758.5453; return x - Math.floor(x); };
+export const SOMBRA_DURA = (px = 12) => `${px}px ${px}px 0 ${COR.tinta}`;

package/kits/corte-podcast/elementos/index.ts

@@ -0,0 +1,15 @@
+// Tudo que o kit corte-podcast oferece. A IA monta o vídeo combinando isto (ou escrevendo um plano pra Montagem).
+export * from './base';
+export {Fundo} from './Fundo';
+export {Camera, posCamera} from './Camera';
+export {Cena, useDuracaoCena, SOBREPOE} from './Cena';
+export {OndaAudio} from './OndaAudio';
+export {CitacaoGrande} from './CitacaoGrande';
+export {CartaoConvidado} from './CartaoConvidado';
+export {LegendaKaraoke} from './LegendaKaraoke';
+export {BarraEpisodio} from './BarraEpisodio';
+export {SeloEpisodio} from './SeloEpisodio';
+export {Efeito, Trilha, SONS} from './Som';
+export type {NomeSom} from './Som';
+export {Montagem, ELEMENTOS} from './Montagem';
+export type {Plano, CenaPlano, Camada} from './Montagem';

package/kits/corte-podcast/exemplos/plano.json

@@ -0,0 +1,62 @@
+{
+  "kit": "corte-podcast",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {"volume": 0.45},
+  "cenas": [
+    {
+      "batida": "gancho", "de": 0, "ate": 40, "entrada": "nenhuma",
+      "camadas": [
+        {"elemento": "OndaAudio", "props": {"y": 1150, "altura": 620, "inicio": 0, "pulsos": [18], "ritmo": 1.3}},
+        {"elemento": "SeloEpisodio", "props": {"numero": "87", "nome": "Papo Reto", "inicio": 4, "x": 800, "y": 340, "tamanho": 290}},
+        {"elemento": "CitacaoGrande", "props": {"linhas": ["O MAIOR", "*ERRO*"], "inicio": 8, "intervalo": 6, "y": 720, "tamanho": 250, "aspas": true}}
+      ],
+      "socos": [18],
+      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "pop-cartao", "em": 5}, {"som": "impacto", "em": 17}]
+    },
+    {
+      "batida": "citacao", "de": 40, "ate": 84, "entrada": "direita",
+      "camadas": [
+        {"elemento": "CitacaoGrande", "props": {"linhas": ["É COMEÇAR", "*GRANDE*", "DEMAIS."], "inicio": 2, "intervalo": 6, "y": 700, "tamanho": 220, "aspas": false}},
+        {"elemento": "OndaAudio", "props": {"y": 1230, "altura": 330, "inicio": 0, "pulsos": [14, 26], "ritmo": 1.6}}
+      ],
+      "socos": [14],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-palavra", "em": 8}, {"som": "pop-cartao", "em": 14}, {"som": "impacto", "em": 20}]
+    },
+    {
+      "batida": "convidado", "de": 84, "ate": 126, "entrada": "esquerda",
+      "camadas": [
+        {"elemento": "CartaoConvidado", "props": {"nome": "Marina Costa", "cargo": "fundadora · Ateliê Verde", "iniciais": "MC", "inicio": 2, "y": 420}},
+        {"elemento": "LegendaKaraoke", "props": {"texto": "Comece pequeno, aprenda rápido.", "inicio": 10, "intervalo": 6, "y": 860, "tamanho": 128}},
+        {"elemento": "OndaAudio", "props": {"y": 1290, "altura": 250, "inicio": 4, "ritmo": 1.8}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "clique", "em": 8}, {"som": "tick", "em": 16}, {"som": "tick", "em": 28}]
+    },
+    {
+      "batida": "onda", "de": 126, "ate": 168, "entrada": "subir",
+      "camadas": [
+        {"elemento": "OndaAudio", "props": {"y": 1120, "altura": 700, "inicio": 0, "pulsos": [8, 20], "ritmo": 1.2}},
+        {"elemento": "CitacaoGrande", "props": {"linhas": ["ERRE", "*RÁPIDO.*"], "inicio": 3, "intervalo": 8, "y": 640, "tamanho": 270, "aspas": false}}
+      ],
+      "socos": [8, 20],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-palavra", "em": 5}, {"som": "impacto", "em": 12}]
+    },
+    {
+      "batida": "selo", "de": 168, "ate": 204, "entrada": "direita",
+      "camadas": [
+        {"elemento": "SeloEpisodio", "props": {"numero": "87", "nome": "Papo Reto", "inicio": 0, "x": 540, "y": 450, "tamanho": 460}},
+        {"elemento": "CitacaoGrande", "props": {"linhas": ["OUÇA O", "*EP 87*"], "inicio": 8, "intervalo": 6, "y": 960, "tamanho": 230, "aspas": false}}
+      ],
+      "socos": [8],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-cartao", "em": 3}, {"som": "pop-palavra", "em": 11}]
+    },
+    {
+      "batida": "cta", "de": 204, "ate": 240, "entrada": "esquerda",
+      "camadas": [
+        {"elemento": "LegendaKaraoke", "props": {"texto": "Papo Reto toda terça", "inicio": 2, "intervalo": 5, "y": 640, "tamanho": 190}},
+        {"elemento": "BarraEpisodio", "props": {"titulo": "EP 87 · Marina Costa", "de": 760, "ate": 790, "total": 2883, "inicio": 6, "y": 1190}}
+      ],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "clique", "em": 7}, {"som": "assinatura", "em": 12}]
+    }
+  ]
+}

package/kits/corte-podcast/exemplos/roteiro.md

@@ -0,0 +1,20 @@
+# Roteiro de demonstração · "Papo Reto" (podcast fictício)
+
+Pedido: *"um corte de 8 s do episódio 87 do Papo Reto, com a frase 'O maior erro é começar grande demais', a Marina Costa falando e um convite pra ouvir."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 18 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–40 | selo "87" + "O MAIOR / *ERRO*" sobre a onda | OndaAudio, SeloEpisodio, CitacaoGrande | whoosh, pop, impacto |
+| 2 | citacao | 40–84 | "É COMEÇAR / *GRANDE* / DEMAIS." | CitacaoGrande + OndaAudio de apoio | swoosh, pops, impacto |
+| 3 | convidado | 84–126 | crachá "Marina Costa" + "Comece pequeno, aprenda rápido." | CartaoConvidado, LegendaKaraoke, OndaAudio | whoosh, clique, ticks |
+| 4 | onda | 126–168 | "ERRE / *RÁPIDO.*" sobre a onda cheia | OndaAudio, CitacaoGrande | swoosh, pop, impacto |
+| 5 | selo | 168–204 | selo gigante + "OUÇA O / *EP 87*" | SeloEpisodio, CitacaoGrande | whoosh, pops |
+| 6 | cta | 204–240 | "Papo Reto toda terça" + player correndo | LegendaKaraoke, BarraEpisodio | swoosh, clique, assinatura |
+
+Como a IA chegou nisso:
+1. Cortou a frase em 3 pedaços (o erro, o jeito errado, o jeito certo) e marcou uma palavra-chave por linha.
+2. Pegou as batidas obrigatórias (gancho, citacao, convidado, cta) e duas opcionais (onda, selo) pra manter cena nova a cada ~1,2 s.
+3. Alternou a direção das entradas (direita, esquerda, subir) e a onda entre herói e apoio.
+4. O `preview.tsx` passa o plano para `Montagem`, que só usa os elementos do kit.

package/kits/corte-podcast/preview.tsx

@@ -0,0 +1,9 @@
+// Preview do kit: o vídeo de demonstração (8 s) montado SÓ com os elementos do kit, a partir de exemplos/plano.json.
+// O estúdio registra isto como `Kit-corte-podcast`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 34, Componente: Preview};

package/kits/corte-podcast/receita.json

@@ -0,0 +1,21 @@
+{
+  "kit": "corte-podcast", "fps": 30, "batida_trilha_quadros": 18,
+  "duracao_video_s": [6, 45],
+  "ordem_sugerida": ["gancho", "citacao", "convidado", "onda", "selo", "cta"],
+  "batidas": [
+    {"nome": "gancho", "obrigatoria": true, "duracao": [30, 48], "elementos": ["OndaAudio", "SeloEpisodio", "CitacaoGrande"], "entrada": ["nenhuma"], "sons": ["whoosh-entra", "pop-cartao", "impacto"], "nota": "onda herói + selo no canto + 1ª metade da frase, a palavra-chave com bloco preto cai no impacto."},
+    {"nome": "citacao", "obrigatoria": true, "duracao": [36, 72], "elementos": ["CitacaoGrande", "OndaAudio"], "entrada": ["direita", "subir"], "sons": ["swoosh", "pop-palavra", "impacto"], "nota": "2–3 linhas gigantes; onda de apoio embaixo com pulso na palavra de destaque."},
+    {"nome": "convidado", "obrigatoria": true, "duracao": [36, 60], "elementos": ["CartaoConvidado", "LegendaKaraoke", "OndaAudio"], "entrada": ["esquerda"], "sons": ["whoosh-entra", "clique", "tick"], "nota": "quem fala + a fala em karaokê. Sempre antes do CTA."},
+    {"nome": "onda", "obrigatoria": false, "duracao": [36, 54], "elementos": ["OndaAudio", "CitacaoGrande"], "entrada": ["subir"], "sons": ["swoosh", "pop-palavra", "impacto"], "nota": "a onda volta como herói; 1–2 palavras enormes (250–270 px)."},
+    {"nome": "selo", "obrigatoria": false, "duracao": [30, 48], "elementos": ["SeloEpisodio", "CitacaoGrande"], "entrada": ["direita"], "sons": ["whoosh-entra", "pop-cartao", "pop-palavra"], "nota": "selo grande (460) + chamada 'OUÇA O EP N'."},
+    {"nome": "cta", "obrigatoria": true, "duracao": [36, 72], "elementos": ["LegendaKaraoke", "BarraEpisodio"], "entrada": ["esquerda"], "sons": ["swoosh", "clique", "assinatura"], "nota": "sempre a última: dia/plataforma em karaokê + player que corre."}
+  ],
+  "transicoes": [
+    {"nome": "direita", "quadros": 9, "como": "entra 1080 px da direita com desfoque 10 px; a anterior sai 460 px para a esquerda"},
+    {"nome": "esquerda", "quadros": 9, "como": "espelho da direita"},
+    {"nome": "subir", "quadros": 9, "como": "entra 900 px de baixo"},
+    {"nome": "nenhuma", "quadros": 0, "como": "sem janela; usada só no gancho"}
+  ],
+  "camera": {"deriva": "sempre", "socos": "início de cada cena + palavra com bloco preto + pulso da onda"},
+  "trilha": {"arquivo": "assets/trilha/lofi-pulso-100bpm.mp3", "volume": 0.45, "com_narracao": 0.2}
+}

package/kits/corte-podcast/regras/area-segura.md

@@ -0,0 +1,18 @@
+# Área segura (9:16, 1080×1920)
+
+- Todo texto lido: **y 168–1330**, **x 80–1000**. A onda e o vinil podem sangrar para fora (são gráfico, não texto).
+- Largura útil de texto: 920 px.
+
+| elemento | y de referência (centro) |
+|---|---|
+| selo (canto) | 340 (tamanho 290) |
+| selo (herói da cena) | 450 (tamanho 460) |
+| crachá do convidado | 420 |
+| citação 2 linhas | 640–720 |
+| citação 3 linhas | 700 |
+| legenda karaokê | 620–880 |
+| onda herói | 1120–1150 (altura 620–700) |
+| onda de apoio | 1230–1250 (altura 300–330) |
+| player | 1190 (ocupa 1070–1310) |
+
+- Onda herói e citação não se tocam: o topo da onda fica 60 px abaixo da última linha de texto.

package/kits/corte-podcast/regras/cor.md

@@ -0,0 +1,15 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `tomate` | `#FF4B2B` | chão (topo do degradê) |
+| `tomateFundo` | `#F23C1E` | chão (base do degradê, `linear-gradient(180deg, tomate, tomateFundo)`) |
+| `tinta` | `#120D0B` | barras da onda, blocos, bordas, sombra dura, botão play |
+| `papel` | `#FFF3E2` | texto grande, cartões, selo |
+| `osso` | `#FFD3C2` | aspas gigantes (55% de opacidade), palavras que ainda vão ser ditas |
+| `sombra` | `#B52410` | calor na base: `radial-gradient(80% 28% at 50% 104%, sombra, transparent 70%)` |
+
+- Vinil de fundo: anéis em `tinta` a 7–12% de opacidade, traço 3 e 14 px, raio 380–830 px.
+- Sombra dura dos cartões: `14px 14px 0 tinta` (nunca blur). Borda: 7 px `tinta`.
+- O cliente pode trocar: `tomate` por outra cor viva (amarelo `#FFC700`, verde `#2BD96B`) mantendo `tinta` e `papel`. Não trocar `tinta`/`papel`.
+- Proibido: degradê roxo-azul, glow, qualquer 3ª cor viva na mesma cena.

package/kits/corte-podcast/regras/movimento.md

@@ -0,0 +1,18 @@
+# Movimento
+
+Curvas: `e5(t) = 1 − (1 − t)^5` (pouso longo) e `ov(t)` = pouso com overshoot (`1 + 3,2x³ + 2,2x²`, passa ≈ 1,1× e volta). **Toda entrada usa `ov`.**
+
+| movimento | duração | valores |
+|---|---|---|
+| barra da onda nasce | 16 quadros, defasagem 0,9/barra | altura 0 → alvo com overshoot |
+| onda respira | contínuo | `0,32 + 0,68·|sin(f·ritmo/(4+i%5) + i·1,7)|`, ritmo 1,2–1,8 |
+| pulso da onda | decai em 6 quadros | +22% de altura |
+| palavra da citação | 12 quadros, 5–8 de intervalo | sobe 80 px, escala 0,5 → 1, gira ±5° → 0 |
+| crachá do convidado | 16 quadros | entra −1200 px de x, gira −4° → −1,5° |
+| selo | 18 quadros | gira −200° → 8°, escala 0 → 1, depois +0,7°/quadro |
+| player | 16 quadros | sobe 420 px |
+| troca de cena | 9 quadros | `direita`/`esquerda` 1080 px, `subir` 900 px; a anterior sai 460 px e some |
+| câmera (sempre) | contínuo | zoom 1,02 ± 0,012 (+0,00012/quadro), deriva ±12/±10 px, giro ±0,29° |
+| soco de câmera | decai em ~7 quadros | +0,035 de zoom, tremor 10 px |
+
+- Nada fica parado: cena com mais de 45 quadros sem palavra nova leva um pulso de onda ou um soco.

package/kits/corte-podcast/regras/ritmo.md

@@ -0,0 +1,16 @@
+# Ritmo
+
+- 100 bpm: **1 batida = 18 quadros** (0,6 s). Cada troca de cena cai numa batida ou em meia batida (9).
+- Vídeo de 8 s = 240 quadros = 6 cenas.
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho | 1,0–1,6 | 30–48 |
+| citacao | 1,2–2,4 | 36–72 |
+| convidado | 1,2–2,0 | 36–60 |
+| onda | 1,2–1,8 | 36–54 |
+| selo | 1,0–1,6 | 30–48 |
+| cta | 1,2–2,4 | 36–72 |
+
+- Leitura mínima: **0,25 s por palavra** (7–8 quadros); a citação inteira fica 12 quadros parada no fim antes de sair.
+- Cena nova a cada 0,6–1,5 s. Palavras da citação a cada 5–8 quadros.

package/kits/corte-podcast/regras/som.md

@@ -0,0 +1,20 @@
+# Som
+
+- Trilha: `assets/trilha/lofi-pulso-100bpm.mp3` (8,6 s, 100 bpm, lofi com bateria), volume **0,45**, fade de saída nos últimos **20 quadros**. Vídeo maior: gere outra no MotionCraft (`music make --preset lofi-desk --bpm 100 --key E --force`), sem loop.
+- Com narração (o próprio corte já tem voz): trilha a **0,2** e efeitos a 60%.
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,85 | entrada de cena (−1 quadro) |
+| `swoosh` | 0,9 | troca para cena que vem de lado |
+| `whoosh-sai` | 0,7 | saída grande (opcional) |
+| `pop-palavra` | 0,95 | palavra da citação |
+| `pop-cartao` | 0,9 | selo e crachá que pousam |
+| `tick` | 0,6 | palavra do karaokê (alternar com `pop-palavra`) |
+| `clique` | 0,8 | play / legenda começa |
+| `impacto` | 0,9 | palavra com bloco preto |
+| `subida` | 0,7 | 1,2 s antes do impacto da frase final (opcional) |
+| `assinatura` | 0,8 | CTA final |
+
+- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas. Som entra 1 a 2 quadros antes do visual.
+- Alvo −14 LUFS, pico −1,5 dBTP (o render nivela).

package/kits/corte-podcast/regras/tipografia.md

@@ -0,0 +1,16 @@
+# Tipografia
+
+- **Anton 400** (títulos, citação, nomes, números) · **IBM Plex Mono 500** (cargo, título de episódio, relógio). Registradas como `"PC Anton"` e `"PC Plex Mono"`.
+- Anton sempre em **caixa alta**, `line-height` 1,04 entre linhas, tracking −0,005 em.
+
+| papel | fonte | tamanho px | máx. caracteres por linha |
+|---|---|---|---|
+| citação (herói) | Anton | 170–270 | 12 |
+| legenda karaokê | Anton | 96–160 | 14 por linha |
+| nome do convidado | Anton | 88 | 16 |
+| número do selo | Anton | 118 (no selo de 340) | 3 |
+| cargo / título do episódio | Plex Mono | 34–38 | 34 |
+| relógio | Plex Mono | 36 | 5 |
+
+- Texto que não cabe em 920 px **encolhe** (função `caber`), nunca quebra palavra.
+- Bloco de marca-texto: padding `0.02em 0.12em 0`, raio `0,1em`, uma palavra por linha.

package/kits/cubos/SKILL.md

@@ -0,0 +1,51 @@
+---
+slug: cubos
+nome: Cubos modulares
+descricao: cinza-azulado claro com grade isométrica, cubos foscos de encaixe (vermelho, amarelo, azul, preto) que caem, se montam e desmontam em 3D real
+familia: 3D e abstrato
+versao: 1
+quando:
+  - "lançamento de brinquedo, jogo de montar, peça modular ou kit"
+  - "vídeo de produto "em módulos", planos, etapas ou níveis"
+  - "reels de arquitetura, design, organização ou educação"
+  - "anúncio 3D limpo e lúdico sem foto"
+  - "explicação de processo em etapas empilhadas"
+nao_serve:
+  - "clima noturno, sombrio ou cromado (use neon-cidade ou metal-liquido)"
+  - "estilo feito à mão ou de papel (use aquarela)"
+---
+
+# Cubos modulares
+
+Cubos de **3D real** (seis faces com perspectiva de verdade, não imagem) em plástico fosco: topo claro com um pino redondo, lado esquerdo médio, lado direito escuro, em **tomate, amarelo, azul e preto** sobre um cinza-azulado claro com grade isométrica sutil. Eles **caem de cima girando e se encaixam** com overshoot, formam pirâmide, parede ou escada, e depois **se desmontam voando para fora**. Um cubo grande gira em passos de 90° mostrando uma palavra por face; placas de texto extrudadas (sombra sólida de 18 px) deslizam e estalam no lugar. A cena inteira orbita devagar em torno de um eixo. Poucas peças, muito chão livre.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = uma cena.
+2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → data → marca). Cada batida diz quanto dura e quais elementos servem.
+3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): para cada cena, `de`/`ate` em quadros, a `entrada`, as `camadas` (elemento + props) e os `sons`. Os cortes seguem a voz (se houver) ou a batida da trilha: 1 batida = 16.667 quadros.
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou escreva o TSX direto combinando `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
+5. **Confira** os quadros (um por cena) contra `regras/`: área segura, nada cortado, um herói por cena, nenhum quadro parado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `Cubo` | um cubo 3D real, seis faces com tons, pino no topo e texto/imagem opcionais por face | base dos outros |
+| `MontagemDeCubos` | pirâmide, parede, escada ou anel de cubos que caem e se encaixam e depois se desmontam | gancho, prova |
+| `CuboGiratorio` | cubo gigante que vira 90° por palavra, uma palavra por face | virada, lista |
+| `PlacaBloco` | placa de texto com extrusão sólida que desliza e estala | data, apoio |
+| `TorreDeCubos` | pilha vertical de cubos que cai um a um, com número e rótulo | prova (dado) |
+| `AssinaturaMarca` | cubo com o logo cai e gira; nome e endereço em placas | marca |
+| `Fundo`, `Camera`, `Cena` | cinza-azulado claro com grade isométrica que anda devagar e sombra de chão | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Cubo sem os três tons de face (topo claro, esquerda média, direita escura): sem eles vira quadrado achatado.
+- Brilho, glow, reflexo cromado ou degradê nas faces: o plástico é fosco.
+- Mais de 14 cubos na cena nem peça menor que 130 px.
+- Mais de 1 herói + 1 apoio por cena; margens menores que 96 px; peça encostando na borda.
+- Cena parada: a cena orbita ±12° o tempo todo; quando nada cai, o cubo gira.
+- Cor fora das 4 + preto + branco-osso.
+- Texto fora da área segura (168–1330 px na vertical, 96 px nas laterais).

package/kits/cubos/assets/ASSETS.md

@@ -0,0 +1,21 @@
+# Assets do kit cubos
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/archivoblack-latin.woff2` | Archivo Black (400), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Archivo+Black`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-ArchivoBlack.txt` |
+| `fontes/dmsans-latin.woff2` | DM Sans (500 800), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=DM+Sans`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-DMSans.txt` |
+| `sons/encaixa.mp3` | cubo que encaixa no lugar | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/bloco.mp3` | peça pequena ou placa que estala | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/queda.mp3` | o último cubo / a peça grande | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/whoosh.mp3` | entrada de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/gira.mp3` | cubo gigante que vira de face | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/estala.mp3` | cada cubo da pilha | sintetizado: MotionCraft `sfx make`, tipo `slot_tick`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/desmonta.mp3` | peças voando pra fora | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | revelação da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
+| `trilha/calma-com-punch-108bpm.mp3` | 8,6 s a partir de 2.2222 s da trilha gerada | MotionCraft `music make` (preset `calm-punch`, 108 bpm, tom A) | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+Conteúdo de demonstração (não faz parte do estilo, fica em `exemplos/`):
+
+| arquivo | origem | licença |
+|---|---|---|
+| `exemplos/logo-encaixa.svg` | logo fictício desenhado para a demo | próprio |