Full prompt; just paste it into Claude Code or Codex or the AI agent you use.
1. Install Remotion
npx create-video@latest my-video
cd my-video
npm install
2. Prompt - artwork transitions (Logo Flicker)
- Run:
npx shadcn@latest add @snap-cn/logo-flicker
Create a Remotion scene using my images from the public/logo-flicker folder.
Use LogoFlicker full-screen, without a central logo, switching images every 3 frames, with a #030506 background and dark mode.
- Configuration:
<LogoFlicker
images={images}
showLockup={false}
flipInterval={3}
background="#030506"
mode="dark"
/>
The scene should last 72 frames, with a 10-frame fade-in and a fade-out over the final 14 frames.
3. Prompt - Perspective Marquee (letters in perspective)
- Run:
npx shadcn@latest add @remocn/perspective-marquee
Create a Remotion scene with a perspective strip of words.
- Use:
import { PerspectiveMarquee } from "@/components/remocn/perspective-marquee";
<PerspectiveMarquee
items={["YOUR TEXT", "YOUR TEXT", "YOUR TEXT"]}
fontSize={84}
color="#fafafa"
fontWeight="700"
pixelsPerFrame={2}
rotateY={-28}
rotateX={8}
perspective={1200}
fadeColor="#050505"
speed={1}
/>
The scene should last 70 frames, with fade-in and fade-out.
4. Prompt - X Follow Card
- Run:
npx shadcn@latest add @remocn/x-follow-card @remocn/shader-grain-gradient
Create a Remotion scene with an animated X profile card.
Use my avatar and banner from the public folder. Keep the card black, centered, and with a subtle shadow.
- Data:
Name: "YOUR NAME"
Handle: "YOUR @"
Bio: "YOUR BIO"
Location: "YOUR TEXT"
Joined: "YOUR TEXT"
Following: "YOUR NO."
Followers: "YOUR NO."
Add a post with reply, repost, like, and save icons. Animate the cursor to the “Follow” button and change it to “Following” after the click.prompt completo, é só colar no Claude Code ou Codex ou no agente de IA que você usa.
1. Instale o Remotion
npx create-video@latest meu-video
cd meu-video
npm install
2. Prompt - transições de artes (Logo Flicker)
- Execute:
npx shadcn@latest add @snap-cn/logo-flicker
Crie uma cena Remotion usando minhas imagens da pasta public/logo-flicker.
Use o LogoFlicker em tela cheia, sem logotipo central, alternando as imagens a cada 3 frames, com fundo #030506 e modo escuro.
- Configuração:
<LogoFlicker
images={images}
showLockup={false}
flipInterval={3}
background="#030506"
mode="dark"
/>
A cena deve durar 72 frames, com fade-in de 10 frames e fade-out nos 14 frames finais.
3. Prompt - Perspective Marquee (letras em perspectiva)
- Execute:
npx shadcn@latest add @remocn/perspective-marquee
Crie uma cena Remotion com uma faixa de palavras em perspectiva.
- Use:
import { PerspectiveMarquee } from "@/components/remocn/perspective-marquee";
<PerspectiveMarquee
items={["SEU TEXTO", "SEU TEXTO", "SEU TEXTO"]}
fontSize={84}
color="#fafafa"
fontWeight="700"
pixelsPerFrame={2}
rotateY={-28}
rotateX={8}
perspective={1200}
fadeColor="#050505"
speed={1}
/>
A cena deve durar 70 frames, com entrada e saída em fade.
4. Prompt - X Follow Card
- Execute:
npx shadcn@latest add @remocn/x-follow-card @remocn/shader-grain-gradient
Crie uma cena Remotion com um cartão animado de perfil do X.
Use meu avatar e banner da pasta public. Mantenha o card preto, centralizado e com sombra discreta.
- Dados:
Nome: "SEU NOME"
Usuário: "SEU @"
Bio: "SUA BIO"
Localização: "SEU TEXTO"
Entrada: "SEU TEXTO"
Seguindo: "SEU N°"
Seguidores: "SEU N°"
Adicione um post com os ícones de resposta, repost, curtida e salvar. Anime o cursor até o botão “Seguir” e altere para “Seguindo” após o clique.