Skill de criação web cinematográfica

Transforme o scroll em uma tomada contínua

Um processo completo para conceber, construir e validar sites premium que avançam como um filme sob o controle do visitante.

Começar o guia Ver no GitHub
Uma fita de filme luminosa atravessando mundos cinematográficos em um fluxo contínuo
O que é

Uma skill, não um template

O Scroll-Film Studio equipa o agente com método criativo, leis técnicas e ferramentas de verificação. Cada site nasce do briefing e recebe uma linguagem própria.

🎬 Direção antes do código

O agente entrevista, apresenta conceitos nomeados e só constrói depois que a jornada visual está clara.

⚡ Duas modalidades

Pure code com GSAP e Lenis para zero setup, ou footage cinematográfico encadeado para o visual assinatura.

✓ Gates verificáveis

Scripts auditam vetor de câmera, continuidade, copy, montagem, screenshots e fluidez antes da entrega.

Como funciona

Do briefing ao scroll final

A skill separa decisões criativas de operações mecânicas e transforma um pedido aberto em uma experiência verificável.

Entrevista→ Conceitos→ Direção de arte→ Construção→ Gates→ Entrega
Pré-requisitos

O essencial para começar

A modalidade pure code funciona sem contas de geração. O caminho com footage adiciona ferramentas e créditos do próprio usuário.

Codex

Um ambiente com suporte a skills para carregar o processo automaticamente.

# diretório padrão
mkdir -p ~/.codex/skills

Node + Chrome

Usados pelos scripts de captura visual e verificação do site.

node --version
google-chrome --version

Footage opcional

FFmpeg e acesso do usuário a um provedor compatível são necessários apenas na Lane B.

ffmpeg -version
# credenciais ficam locais
Guia de uso · passo a passo

Instale e invoque a skill

O repositório contém a skill em uma pasta própria. Clone, conecte-a ao Codex e descreva o site que você quer criar.

1

Clone o repositório

Baixe a skill e seus scripts de apoio.

git clone https://github.com/inematds/scroll-film-studio.git
2

Registre a skill no Codex

Crie um link simbólico para manter a instalação sincronizada com o clone.

mkdir -p ~/.codex/skills
ln -s "$(pwd)/scroll-film-studio/skills/scroll-film-studio" \
  ~/.codex/skills/scroll-film-studio
3

Inicie uma nova sessão

Reabra o Codex para que ele descubra a nova skill e invoque-a pelo nome.

Use $scroll-film-studio para criar um site cinematográfico
contínuo controlado pelo scroll para a minha marca.
4

Escolha a modalidade

Use pure code para zero setup. Escolha footage somente quando quiser geração de vídeo e tiver um provedor configurado.

# Lane A GSAP + ScrollTrigger + Lenis
# Lane B footage encadeado + FFmpeg + gates
Roadmap

Uma base pronta para evoluir

O processo central, as duas modalidades e os principais gates já estão documentados e executáveis.

Agora
Processo completoBriefing, conceitos, direção de arte, construção e verificação em uma única skill.
Próximo
Mais exemplos reaisAdicionar estudos de caso sem transformar a skill em um scaffold repetitivo.
Sempre
Qualidade antes de volumeManter cada site visualmente próprio, com os gates evoluindo junto com os engines.