Communitygithub.com

threeaus/creator-style-kit

Selecciona y aplica uno de los 18 estilos visuales premium (tipografía, paleta, gramática de movimiento, kit de efectos de sonido) para los videos HyperFrames 9:16 del usuario — evaluación de modelos IA (评测), tutoriales (教程) y divulgación científica (科普). Úsalo al crear, diseñar o reestilizar un video o composición para este usuario, al elegir un 视频风格/画面风格/样式, o cuando mencionen el kit de estilos, 风格样张, o un estilo por su nombre (数据新闻, 评测仪表, 暗场发布会, 终端控制台, 水墨留白…).

¿Qué es creator-style-kit?

El **Creator Style Kit** es un sistema de diseño completo sobre HyperFrames que permite aplicar 18 estilos visuales premium a videos verticales 9:16, diseñado para evaluaciones de IA, tutoriales y contenido científico. Su función principal es decidir cómo se ve, se mueve y suena cada escena, mientras HyperFrames gestiona el proyecto, la narración y la renderización. Es útil para desarrolladores y creadores de contenido que buscan una identidad visual consistente y profesional sin reinventar la rueda. El kit se integra en flujos de trabajo de agentes de IA como Claude Code y Cursor, automatizando tareas como la selección de estilos, la generación de beats, el subsetting de fuentes y el diseño de sonido. Funciona mediante scripts de Python que listan los estilos, generan escenas scaffold y aplican reglas de estilo, como la prohibición de inventar números de benchmark o la limitación de un solo énfasis por beat.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Creator Style Kit

El kit reside en la carpeta de esta skill: KIT=/Volumes/ORICO/Opus/creator-style-kit (en la unidad ORICO — si la ruta falta, pide al usuario que monte la unidad). Es un sistema de diseño sobre HyperFrames: el flujo de trabajo /hyperframes sigue siendo el dueño de la configuración del proyecto, la narración y el renderizado; esta skill decide cómo se ve, se mueve y suena cada escena.

Flujo de trabajo

  1. Elige el estilo (omite si el usuario ya nombró uno).
    • python3 $KIT/scripts/list_styles.py muestra el catálogo en vivo (id · nombre · mejor_para · esencia).
    • Usa la tabla a continuación; recomienda un estilo principal + máximo un estilo de acento para ganchos/segmentos de código, con una razón de una línea cada uno.
    • Ofrece las vistas previas: /Volumes/ORICO/Opus/风格样张_18套_一览.jpg (fotogramas) y 风格样张_18套.mp4 (movimiento + sonido).
  2. Lee el resumen antes de construir: python3 $KIT/scripts/list_styles.py <id>. Sus líneas not: son reglas estrictas (un acento, sin brillo, etc.) — la 高级感 surge de obedecerlas.
  3. Construye las escenas. Ritmos estándar (tarjeta de capítulo / titular + lista / número grande) → escribe un archivo de ritmos y ejecuta python3 $KIT/scripts/scaffold.py <id> <project> --content beats.json [--init] (--init solo para un proyecto nuevo; de lo contrario, pega el <div> del host impreso en index.html). Escenas personalizadas → sigue el contrato de marcado y la API kit.* en REFERENCE.md. La duración de los ritmos proviene del ritmo del estilo (ver REFERENCE.md "Ritmo"); pasa "dur" solo para estirar un ritmo hasta su narración — nunca para comprimirlo.
  4. Re-subsetea las fuentes después de que todo el texto esté finalizado: python3 $KIT/scripts/build_style.py <id> <project> (una vez por estilo usado). Las fuentes solo contienen glifos presentes en el .html del proyecto en el momento de la compilación — las compilaciones obsoletas muestran glifos tofu/fallback.
  5. Verifica la imagen: npx hyperframes check luego npx hyperframes snapshot --at … en el tiempo "se sostiene hasta" de cada ritmo (en los comentarios del script generado) — todo debería estar estable allí (énfasis visible, nada desbordando, acento usado una vez).
  6. Revisión de sonido después del renderizado: python3 $KIT/scripts/sound_pass.py <project> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]. Corrige cada FALLO cambiando pistas o sonidos (≤ 2 rondas), revisa audio/qa.png, y entrega out/final.mp4 + LISTEN.md. Informa lo que muestran las comprobaciones; no digas que el sonido está bien — el usuario escucha.

Qué estilo

EscenaPrincipalAlternativa
Resultados de benchmark, revelación de puntuacióndata-journal 数据新闻benchmark-hud 评测仪表
Modelo A vs B, actualizaciones de versióndata-journalinstrument-panel 仪器面板
Especificaciones: precio / velocidad / contextoinstrument-panelswiss-grid 瑞士网格
Apertura de lanzamiento, tarjeta de títulofrosted-aurora 弥散玻璃dark-keynote 暗场发布会, particle-field 粒子星云
Explicación de artículo / informe técnicopaper-figure 论文图表manim-morph 数学动画
Cómo funciona (atención, razonamiento)manim-morphparticle-field
Arquitectura, flujo de trabajo del agenteblueprint 蓝图线稿isometric-stack 等轴架构
Capas (pila tecnológica, composición de contexto)isometric-stackblueprint
Marcos conceptuales, "3 elementos"bauhaus-geometry 包豪斯构成swiss-grid
Temas sobre Claude / Opus, artículos de opiniónclay-serif 暖陶书卷editorial-paper 报刊纸感
Grabaciones de pantalla, prompts, códigodev-console 终端控制台instrument-panel
Tutorial para principiantes, tono amigablewarm-notebook 暖调手账clay-serif
Historia / cultura / especiales festivosink-wash 水墨留白editorial-paper
Gancho de los primeros 3 segundos, transiciones de capítuloposter-kinetic 海报撞色bauhaus-geometry

Combinación típica: un video de evaluación en data-journal, abierto con frosted-aurora, con segmentos de código recortados a dev-console. No uses poster-kinetic o benchmark-hud para un video completo (cansan rápido; los aspectos HUD son comunes en videos de IA).

Reglas que siempre aplican

  • Nunca inventes números de benchmark. Usa cifras que el usuario proporcione o que puedas citar; coloca la cita en source (pie de página de data-journal) o caption (paper-figure) del archivo de ritmos. Las cifras de marcador de posición deben estar etiquetadas como 示例数据 en pantalla.
  • Sin logotipos ni marcas. clay-serif solo toma prestada la paleta pública de Anthropic.
  • Un <em> por ritmo: marca la única palabra enfatizada y activa el efecto de énfasis.
  • El sonido se mantiene escaso: las sound.rules de cada estilo (maxPerSecond, silentShare) limitan la densidad, aplicadas por compose.py. No añadas pistas a mano encima; un sonido por lista, la revelación al bloquear.
  • Ritmo para leer, no para velocidad: una cosa se mueve a la vez, la cifra clave se mantiene ≥ 2 s. Si un video se siente lento, recorta contenido — no acortes las pausas.
  • Todos los diseños son 1080×1920 (9:16). Un video 16:9 necesita nuevos diseños — dilo en lugar de estirar.

Extensión

Para añadir un estilo, cambiar una paleta o corregir un diseño, consulta "Añadir un estilo" en REFERENCE.md. Luego regenera las vistas previas con python3 $KIT/scripts/lookbook.py $KIT/lookbook y renderiza.

Skills relacionados