Communitygithub.com

Creator Style Kit

Selecione e aplique um dos 18 estilos visuais premium (fontes, paleta, gramática de movimento, kit de efeitos sonoros) para vídeos 9:16 HyperFrames — ideal para avaliações de modelos de IA (评测), tutoriais (教程) e explicadores científicos (科普).

O que é Creator Style Kit?

O Creator Style Kit é um sistema de design profissional que permite escolher e aplicar um de 18 estilos visuais premium em vídeos HyperFrames no formato 9:16. Ele se integra perfeitamente ao fluxo de trabalho HyperFrames, assumindo o controle sobre a aparência visual, movimento e som de cada cena, enquanto o projeto, narração e renderização permanecem gerenciados pelo HyperFrames. O kit oferece uma variedade de estilos, desde 'data-journal' (数据新闻) para resultados de benchmarks e comparações de modelos, até 'frosted-aurora' (弥散玻璃) para aberturas e 'dev-console' (终端控制台) para demonstrações de código. Ele suporta pareamento de estilos (principal + sotaque), regras rigorosas de uso (como não inventar números de benchmark, sem logotipos, uma ênfase por batida, som esparso) e inclui scripts para listar estilos, gerar esqueletos de cena, otimizar fontes e realizar passagem de som. Ideal para criadores de conteúdo técnico que desejam vídeos com aparência profissional e consistente sem se preocupar com design manual.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add threeaus/creator-style-kit

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Creator Style Kit faz?

O kit reside na pasta desta skill: KIT=/Volumes/ORICO/Opus/creator-style-kit (no drive ORICO — se o caminho não existir, peça ao usuário para montá-lo). Trata-se de um sistema de design sobre o HyperFrames: o fluxo de trabalho /hyperframes ainda gerencia a configuração do projeto, narração e renderização; esta skill decide a aparência, movimento e som de cada cena.

Fluxo de trabalho

  1. Escolha o estilo (pule se o usuário já nomeou um).
    • python3 $KIT/scripts/list_styles.py exibe o catálogo atual (id · nome · melhor_para · essência).
    • Use a tabela abaixo; recomende um estilo principal + no máximo um estilo de destaque para ganchos/segmentos de código, com uma justificativa de uma linha cada.
    • Ofereça as prévias: /Volumes/ORICO/Opus/风格样张_18套_一览.jpg (imagens estáticas) e 风格样张_18套.mp4 (movimento + som).
  2. Leia o resumo antes de construir: python3 $KIT/scripts/list_styles.py <id>. Suas linhas not: são regras rígidas (um destaque, sem brilho, etc.) — a 高级感 vem de obedecê-las.
  3. Construa as cenas. Batidas padrão (cartão de capítulo / título + lista / número grande) → escreva um arquivo de batidas e execute python3 $KIT/scripts/scaffold.py <id> <projeto> --content beats.json [--init] (--init apenas para um projeto novo; caso contrário, cole o <div> do host impresso em index.html). Cenas personalizadas → siga o contrato de marcação e a API kit.* em REFERENCE.md. As durações das batidas vêm do ritmo do estilo (veja REFERENCE.md "Pacing"); use "dur" apenas para esticar uma batida até sua narração — nunca para comprimi-la.
  4. Re-subconjunto de fontes após todo o texto estar finalizado: python3 $KIT/scripts/build_style.py <id> <projeto> (uma vez por estilo usado). As fontes contêm apenas glifos presentes no .html do projeto no momento da construção — construções desatualizadas mostram glifos tofu/substitutos.
  5. Verifique a imagem: npx hyperframes check e depois npx hyperframes snapshot --at … em cada tempo de "segura até" da batida (nos comentários do script gerado) — tudo deve estar estabilizado ali (ênfase visível, nada transbordando, destaque usado uma vez).
  6. Passagem de som após a renderização: python3 $KIT/scripts/sound_pass.py <projeto> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]. Corrija todas as FALHAS alterando dicas ou sons (≤ 2 rodadas), observe audio/qa.png e entregue out/final.mp4 + LISTEN.md. Relate o que as verificações mostram; não considere o som bom — o usuário escuta.

Qual estilo

CenaPrincipalAlternativa
Resultados de benchmark, revelação de pontuaçãodata-journal 数据新闻benchmark-hud 评测仪表
Modelo A vs B, atualizações de versãodata-journalinstrument-panel 仪器面板
Especificações: preço / velocidade / contextoinstrument-panelswiss-grid 瑞士网格
Abertura de lançamento, cartão de títulofrosted-aurora 弥散玻璃dark-keynote 暗场发布会, particle-field 粒子星云
Explicador de artigo / relatório técnicopaper-figure 论文图表manim-morph 数学动画
Como funciona (atenção, raciocínio)manim-morphparticle-field
Arquitetura, fluxo de trabalho do agenteblueprint 蓝图线稿isometric-stack 等轴架构
Camadas (pilha tecnológica, composição de contexto)isometric-stackblueprint
Estruturas conceituais, "3 elementos"bauhaus-geometry 包豪斯构成swiss-grid
Tópicos sobre Claude / Opus, artigos de opiniãoclay-serif 暖陶书卷editorial-paper 报刊纸感
Gravações de tela, prompts, códigodev-console 终端控制台instrument-panel
Tutorial para iniciantes, tom amigávelwarm-notebook 暖调手账clay-serif
Especiais de história / cultura / festivalink-wash 水墨留白editorial-paper
Gancho dos primeiros 3 segundos, vinhetas de capítuloposter-kinetic 海报撞色bauhaus-geometry

Pareamento típico: um vídeo de avaliação em data-journal, aberto com frosted-aurora, com segmentos de código em dev-console. Não use poster-kinetic ou benchmark-hud para um vídeo inteiro (eles cansam rápido; visuais HUD são comuns em vídeos de IA).

Regras que sempre se aplicam

  • Nunca invente números de benchmark. Use valores fornecidos pelo usuário ou que você possa citar; coloque a citação no source do arquivo de batidas (rodapé do data-journal) ou caption (paper-figure). Figuras placeholder devem ser rotuladas como 示例数据 na tela.
  • Sem logotipos ou marcas. clay-serif empresta apenas a paleta pública da Anthropic.
  • Uma <em> por batida: ela marca a única palavra enfatizada e aciona o efeito de ênfase.
  • O som permanece esparso: as sound.rules de cada estilo (maxPerSecond, silentShare) limitam a densidade, aplicadas pelo compose.py. Não adicione dicas manualmente por cima; um som por lista, a revelação no bloqueio.
  • Ritmo para leitura, não para velocidade: uma coisa se move por vez, a figura-chave segura ≥ 2 s. Se um vídeo parecer lento, corte conteúdo — não encurte as seguras.
  • Todos os layouts são 1080×1920 (9:16). Um vídeo 16:9 precisa de novos layouts — diga isso em vez de esticar.

Extensão

Para adicionar um estilo, alterar uma paleta ou corrigir um layout, veja "Adicionando um estilo" em REFERENCE.md. Em seguida, regenere as prévias com python3 $KIT/scripts/lookbook.py $KIT/lookbook e renderize.

Habilidades Relacionadas