Modelo de Vídeo de Revisão Anual WeRead

Crie uma composição vertical HyperFrames para relatórios de leitura anuais: WeRead, Goodreads, Readwise, registros de leitura do Notion, clubes de leitura ou resumos de aprendizado pessoal. O modelo transforma tempo de leitura, dias ativos, acervo da estante, anotações, palavras-chave e uma persona de leitura em um vídeo compartilhável de 9:16.

Mapa de Recursos

weread-year-in-review-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

O MP4 de demonstração renderizado usado por example.html está hospedado em https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4.

Fluxo de Trabalho

1. Copie assets/template.html para index.html.
2. Substitua os dados de relatório padrão no objeto REPORT:
   • proprietário/título
   • horas de leitura e dias ativos
   • estatísticas da estante e de conclusão
   • composição das anotações
   • palavras-chave de interesse
   • persona de leitura e linha de compartilhamento
3. Preserve a linha do tempo de 12 cenas, a menos que o usuário solicite um corte mais curto.
4. Mantenha a linguagem visual inspirada no WeRead:
   • fundo quente de papel
   • tipografia azul-tinta
   • acentos verdes discretos do WeRead
   • metáforas de páginas de livros, marcadores, destaques, cartões de anotações e estantes
5. O movimento deve parecer folhear um diário de leitura. Evite transições de slides tecnológicas, efeitos de interface saltitantes e movimento de carregamento de painel.
6. Mantenha a composição determinística:
   • atributos data-start, data-duration e data-track-index diretos
   • sem aleatoriedade não semeada
   • sem loops infinitos ou repeat: -1
   • sem dependência de rolagem, passagem do mouse, localStorage ou descoberta de classes em tempo de execução
7. Valide contra references/checklist.md antes de emitir.

Contrato de Saída

Emita uma frase curta de orientação, depois um único artefato HTML:

<artifact identifier="weread-year-in-review-video-template" type="text/html" title="WeRead Year in Review Video Template">
<!doctype html>
<html>...</html>
</artifact>