video-template-frame-bold-poster
Ajuda seu agente a criar um vídeo estilo pôster dos anos 70. Ele adiciona elementos como linhas, figuras e títulos para um visual impactante.
O que ela faz
Este modelo cria um vídeo curto com um estilo de pôster de revista europeia dos anos 70. Ele inclui efeitos como uma linha vermelha que atravessa a tela, uma figura inclinada que aparece e um título que surge linha por linha.
Quando usar
- ✓Para introduzir um manifesto de marca ou declaração de visão.
- ✓Como abertura para um editorial ou apresentação cultural.
- ✓Quando você quer que algumas palavras tenham o impacto de uma capa de revista.
Exemplo do que pedir para a IA
“Crie um vídeo estilo pôster de revista europeia dos anos 70 com o título 'Futuro Sustentável', a figura de uma árvore crescendo e o subtítulo 'Um novo começo'.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A IA usa um código pré-definido que anima elementos como texto e imagens. Você só precisa fornecer o conteúdo (títulos, textos) e a IA o insere na animação existente.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill video-template-frame-bold-posterOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/video-templates/frame-bold-poster/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Moldura de Pôster Impactante
Um pôster editorial europeu dos anos 70 em movimento — uma linha vermelha atravessa, uma figura gigante inclinada desce, um título de três linhas sobe linha por linha, um texto introdutório serifado em itálico desaparece.
O que este modelo é
Uma composição de movimento HTML + CSS + GSAP pronta para HyperFrames, empacotada sob source/. Renderiza deterministicamente para MP4 / WEBM em 16:9, 9:16, 1:1, padrão de 15s, 60fps.
Ideal para: Manifesto de marca / declaração de visão · Abertura de pitch editorial ou cultural · Algumas palavras que devem parecer a capa de uma revista
Fluxo de Trabalho
- Leia
source/index.htmlpara entender as camadas nomeadas e a linha do tempo da animação. - Substitua o texto de exemplo (títulos, figuras, rótulos) pelo conteúdo real do usuário; mantenha o tempo do movimento e a assinatura visual intactos.
- Mantenha a composição autônoma sob
source/; não introduza ativos de rede externos que possam quebrar uma renderização sem cabeça. - Renderize para MP4 através do renderizador html-video / HyperFrames.
Atribuição
Fonte: html-video templates/frame-bold-poster (licença Apache-2.0). Derivado de frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
Perguntas frequentes
Que tipo de vídeo este modelo cria?
Ele cria vídeos curtos (motion graphics) com um visual inspirado em pôsteres editoriais europeus dos anos 1970.
Posso mudar as cores ou a velocidade?
Este modelo é projetado para manter o estilo original. As mudanças principais são no texto e nas imagens, não na animação em si.
Qual o tamanho e formato do vídeo?
O vídeo é renderizado em formato MP4 ou WEBM, com proporções comuns (16:9, 9:16, 1:1) e duração padrão de 15 segundos.
Detalhes
Descrição original do autor
Use this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #615
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
blender-motion-state-inspection
Permite inspecionar detalhes de animações em 3D. É útil para verificar poses, movimentos e o alinhamento de personagens em animações.
affaan-m/ECC
manim-video
Faz seu agente criar vídeos explicativos animados. Ele usa o Manim para gerar gráficos e diagramas claros para conceitos técnicos.
affaan-m/ECC
remotion-video-creation
Orienta seu agente na criação de vídeos usando React com a biblioteca Remotion. Ele cobre boas práticas para animações, áudio, legendas e outros elementos visuais.
affaan-m/ECC