threeaus/creator-style-kit

Creator Style Kit

Le kit se trouve dans le dossier de cette compétence : KIT=/Volumes/ORICO/Opus/creator-style-kit (sur le disque ORICO — si le chemin est manquant, demandez à l'utilisateur de monter le disque). Il s'agit d'un système de design au-dessus d'HyperFrames : le workflow /hyperframes gère toujours la configuration du projet, la narration et le rendu ; cette compétence décide de l'apparence, du mouvement et du son de chaque scène.

Workflow

1. Choisir le style (ignorer si l'utilisateur en a nommé un).
   • python3 $KIT/scripts/list_styles.py affiche le catalogue en direct (id · nom · meilleur_pour · essence).
   • Utilisez le tableau ci-dessous ; recommandez un style principal + au plus un style d'accent pour les accroches/segments de code, avec une justification d'une ligne chacun.
   • Proposez les aperçus : /Volumes/ORICO/Opus/风格样张_18套_一览.jpg (images fixes) et 风格样张_18套.mp4 (mouvement + son).
2. Lire le brief avant de construire : python3 $KIT/scripts/list_styles.py <id>. Ses lignes not: sont des règles strictes (un accent, pas de lueur, etc.) — la 高级感 (esthétique haut de gamme) vient de leur respect.
3. Construire les scènes. Beats standards (carte de chapitre / titre + liste / grand nombre) → écrire un fichier beats et exécuter python3 $KIT/scripts/scaffold.py <id> <projet> --content beats.json [--init] (--init uniquement pour un nouveau projet ; sinon coller le <div> hôte imprimé dans index.html). Scènes personnalisées → suivre le contrat de balisage et l'API kit.* dans REFERENCE.md. Les durées des beats viennent du rythme du style (voir REFERENCE.md "Rythme") ; passer "dur" uniquement pour étirer un beat jusqu'à sa narration — jamais pour le compresser.
4. Re-sous-ensembler les polices après que tout le texte est final : python3 $KIT/scripts/build_style.py <id> <projet> (une fois par style utilisé). Les polices ne contiennent que les glyphes présents dans le .html du projet au moment de la construction — les constructions obsolètes affichent des tofu/fallback.
5. Vérifier l'image : npx hyperframes check puis npx hyperframes snapshot --at … à chaque instant "maintient jusqu'à" de chaque beat (dans les commentaires du script généré) — tout doit être stable à ce moment-là (emphase visible, rien qui déborde, accent utilisé une fois).
6. Passage sonore après le rendu : python3 $KIT/scripts/sound_pass.py <projet> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]. Corriger chaque ÉCHEC en changeant les signaux ou les sons (≤ 2 tours), regarder audio/qa.png, et remettre out/final.mp4 + LISTEN.md. Rapporter ce que montrent les vérifications ; ne pas déclarer le son bon — l'utilisateur écoute.

Quel style

Scène	Principal	Alternative
Résultats de benchmark, révélation de score	data-journal 数据新闻	benchmark-hud 评测仪表
Modèle A vs B, mises à jour de version	data-journal	instrument-panel 仪器面板
Spécifications : prix / vitesse / contexte	instrument-panel	swiss-grid 瑞士网格
Ouverture de lancement, carte titre	frosted-aurora 弥散玻璃	dark-keynote 暗场发布会, particle-field 粒子星云
Explication d'article / rapport technique	paper-figure 论文图表	manim-morph 数学动画
Comment ça marche (attention, raisonnement)	manim-morph	particle-field
Architecture, workflow d'agent	blueprint 蓝图线稿	isometric-stack 等轴架构
Couches (pile technique, constitution de contexte)	isometric-stack	blueprint
Cadres conceptuels, "3 éléments"	bauhaus-geometry 包豪斯构成	swiss-grid
Sujets Claude / Opus, articles d'opinion	clay-serif 暖陶书卷	editorial-paper 报刊纸感
Enregistrements d'écran, invites, code	dev-console 终端控制台	instrument-panel
Tutoriel débutant, ton amical	warm-notebook 暖调手账	clay-serif
Histoire / culture / spéciaux de fête	ink-wash 水墨留白	editorial-paper
Accroche des 3 premières secondes, interludes de chapitre	poster-kinetic 海报撞色	bauhaus-geometry

Association typique : une vidéo d'évaluation en data-journal, ouverte avec frosted-aurora, avec des segments de code coupés en dev-console. Ne pas utiliser poster-kinetic ou benchmark-hud pour une vidéo entière (ils fatiguent vite ; les looks HUD sont courants dans les vidéos IA).

Règles qui s'appliquent toujours

• Ne jamais inventer de chiffres de benchmark. Utiliser les chiffres fournis par l'utilisateur ou que vous pouvez citer ; mettre la citation dans le source du fichier beats (pied de page data-journal) ou la caption (paper-figure). Les chiffres fictifs doivent être étiquetés 示例数据 (données d'exemple) à l'écran.
• Pas de logos ou de marques. clay-serif emprunte uniquement la palette publique d'Anthropic.
• Un <em> par beat : il marque le seul mot accentué et déclenche l'effet d'emphase.
• Le son reste clairsemé : les sound.rules de chaque style (maxPerSecond, silentShare) limitent la densité, appliquées par compose.py. Ne pas ajouter de signaux manuellement par-dessus ; un son par liste, l'apparition sur le verrouillage.
• Rythme pour lire, pas pour la vitesse : une chose bouge à la fois, le chiffre clé tient ≥ 2 s. Si une vidéo semble lente, couper du contenu — ne pas raccourcir les temps de maintien.
• Toutes les mises en page sont en 1080×1920 (9:16). Une vidéo 16:9 nécessite de nouvelles mises en page — dites-le plutôt que d'étirer.

Extension

Pour ajouter un style, modifier une palette ou corriger une mise en page, voir "Ajout d'un style" dans REFERENCE.md. Puis régénérer les aperçus avec python3 $KIT/scripts/lookbook.py $KIT/lookbook et effectuer le rendu.