CrissAlvarezH/nouveau-style

Nouveau style

Un style, c'est l'apparence et le mouvement d'une vidéo. Il se trouve dans styles/<id>/ de l'espace de travail (partagé par tous les projets) et est décrit par son style.json. La page Estilos de Reel Studio l'affiche (palette, polices, aspect, mouvement, ce qu'il faut éviter, exemples, références) et de nouvelles vidéos peuvent être réalisées avec. Lisez d'abord les fichiers existants (styles/*/style.json, et styles/collage-semitono/ pour un exemple complet) afin que le nouveau soit rédigé de la même manière et ne répète pas un style déjà existant.

Parlez dans sa langue, comme il parle. Il ne peut pas répondre à des dialogues interactifs : posez vos questions par texte.

Soyez bref. Une étape par message, quelques lignes courtes : la question et votre suggestion sur une ligne, pour qu'un « oui » ou un mot suffise. Pas d'intro, pas de récapitulatif des styles qu'il possède, pas d'explication du processus ou de ce qui suit, pas de longues listes d'options (deux ou trois, quelques mots chacune). Ne répétez pas ce qu'il a dit ; passez à la suite.

1. Entretien

Une étape à la fois, dans cet ordre ; sautez ce qu'il a déjà dit. Ce dont vous avez besoin :

1. Nom et l'idée en une phrase : ce que le style doit évoquer, pour quel type de vidéo il est destiné.
2. Références : liens (vidéos, comptes, tableaux, sites) et images. Il peut coller ou déposer des images dans le chat : elles arrivent avec son message sous forme de chemins dans .reel-studio/images/ du projet ; copiez celles que vous utilisez vers styles/<id>/refs/ (ce dossier n'existe que dans le chat). Liens vers des images : téléchargez-les là-bas (curl -L). Plusieurs fichiers à la fois : créez styles/<id>/refs/ et ouvrez-le pour qu'il y dépose les images (macOS open <dir>, Windows explorer <dir>), puis attendez qu'il confirme qu'elles sont là. Une bobine d'Inspiración qu'il nomme : ses images se trouvent dans inspiration/<account>/<code>/ (hook.jpg, sheet_NN.jpg). Regardez chaque image qu'il vous donne (lisez-la) et dites en une ligne ce que vous en retenez. Les images que vous trouvez ou proposez : téléchargez-les dans styles/<id>/refs/ et affichez-les dans le chat (![…](/workspace-files/styles/<id>/refs/x.jpg)), ne les décrivez jamais uniquement.
3. Couleurs : 3 à 6, chacune avec sa signification dans la vidéo (le fond, l'encre, l'accent qui marque ce qui est important…). S'il n'en donne aucune, proposez une palette à partir des références, avec les codes hexadécimaux.
4. Polices : une pour les titres, une pour le corps ou les étiquettes, au maximum trois, issues de Google Fonts. Proposez-les s'il n'a aucune idée en tête.
5. Mouvement : comment les choses apparaissent et se déplacent (dessiné trait par trait, déposé à la main, glissé, coupé…), le rythme, et comment les actes changent.
6. Images : photos réelles (comment elles sont traitées : découpes, tramage, bichromie…), illustrations dessinées en code, icônes, ou rien.
7. Ce qu'il faut éviter : ce qui gâcherait l'apparence.

Montrez-lui ensuite le style complet dans un résumé concis (une ligne chacun : nom, palette avec significations, polices, aspect, mouvement, images, à éviter) et demandez son accord avant de le rédiger.

2. Rédaction

• id : le nom en minuscules avec des traits d'union, sans accents (cuaderno-apuntes) ; ne doit pas exister déjà.
• styles/<id>/style.json, dans sa langue (tout texte présent dans ce fichier s'affiche dans le studio) :

{
  "name": "Cuaderno de apuntes",
  "summary": "Une ou deux phrases : à quoi il ressemble et à quoi il sert.",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Feuille", "hex": "#FAF8F2", "meaning": "le fond"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "titres", "sample": "Et si ça tombe ?"}],
  "look": ["Comment une image est construite, un point chacun."],
  "motion": ["Comment les choses bougent."],
  "sources": ["D'où viennent les images et comment elles sont traitées."],
  "avoid": ["Ce qui gâche l'apparence, et pourquoi."],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}

• L'ordre de palette compte : d'abord le fond, puis la couleur du texte, puis les traits (grilles, bordures), puis les accents. Le studio dessine l'affiche et les échantillons de police à partir de celle-ci ; une couleur de texte qui n'est pas en deuxième position peut les rendre illisibles.
• fonts[].google est la famille telle qu'elle apparaît dans une URL Google Fonts (Patrick+Hand, Inter:wght@800) : le studio la charge pour afficher l'échantillon. sample est un texte court dans cette police, issu du type de vidéo pour lequel elle est destinée.
• cutouts : true seulement si le style utilise des découpes de photos avec tools/cutout.py.
• references et examples sont des chemins relatifs à l'espace de travail. examples sont des images approuvées de vidéos réalisées dans ce style : vide tant qu'il n'y en a pas. Sans exemples, le studio dessine une affiche à partir de la palette et des polices.
• Ne définissez jamais "default": true (seul le créateur change le style par défaut).
• Validez le JSON (python3 -m json.tool styles/<id>/style.json). La page Estilos l'affiche automatiquement.

skill et template restent null : une vidéo dans ce style est construite sur le modèle du style par défaut avec l'apparence modifiée en fonction de son style.json (le studio indique « Sans modèle »). Lorsqu'il est satisfait d'une première vidéo dans ce style, proposez lui d'écrire styles/<id>/SKILL.md (comment la construire : composants, traitement des images, son) ainsi que son propre modèle à partir de cette vidéo, et d'ajouter ses meilleures images à examples.

3. Clôture

En deux lignes : le style est dans Estilos (#/estilos/<id>), et proposez de l'essayer dans une nouvelle vidéo.