Communitygithub.com

codepawl/2d-generalist

Concevoir, animer, texturer et composer des motion graphics éditoriales de type Vox, Johnny Harris et WSJ en 2D, 2.5D et 3D à l'aide d'outils gratuits installés (Blender, DaVinci Resolve Fusion, Remotion + Three.js/SVG, FFmpeg) ou d'outils SIG/vectoriels open-source optionnels.

Qu'est-ce que 2d-generalist ?

Cette compétence est un guide complet pour la création de motion graphics éditoriales dans le style Vox, Johnny Harris et WSJ, en utilisant des outils gratuits déjà installés sur la machine de l'utilisateur. Elle prend en charge les workflows 2D, 2.5D et 3D via des logiciels comme Blender, DaVinci Resolve Fusion, Remotion (avec Three.js et SVG), FFmpeg, ainsi que des outils optionnels comme QGIS, Inkscape et Krita. Le processus commence par un audit des outils disponibles, suivi de la génération d'assets procéduraux (filtres SVG, textures de papier, bordures déchirées, etc.) et de la construction de la scène dans le moteur choisi. Des scripts Python automatisent la vérification de la chaîne d'outils, la génération d'actifs et la validation finale par rapport aux lois visuelles strictes du style Vox (texture de papier, halftones, règle des timelines pré-dessinées, double surligneur, etc.). Elle inclut également des modes de routage pour l'audit, le design, la cartographie, les graphiques et les collages d'archives, avec des références détaillées pour chaque mode.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/codepawl/creator-generalist/tree/HEAD/plugins/2d-generalist/skills/2d-generalist

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Généraliste 2D

Utilisez cette compétence pour concevoir, animer, texturer et composer des motion graphics éditoriales dans le style de Vox (Atlas, By Design, Earworm, Missing Chapter) et Flat Pack FX en 2D, 2.5D et 3D en utilisant des outils déjà installés sur la machine de l'utilisateur (ou en recommandant des outils gratuits lorsqu'ils manquent).

Routage des modes

ModePérimètre (2D / 2.5D / 3D)Référence principale
auditVérifier les outils 2D/3D gratuits installés par rapport aux téléchargements optionnelsreferences/2d-3d-toolchain-matrix.md
designHiérarchie visuelle, échelle asymétrique, esthétique blueprint, palettesreferences/vox-psychology-and-design.md
mapCartes vectorielles/satellites 2D, couches 2.5D embossées/extrudées, terrain 3D et itinéraires KMLreferences/maps-and-geodata-2d-3d.md
chart-timelineLignes de temps à règle pré-dessinée, graphiques en barres/lignes 2D/3D, répéteurs à matrice de points, formes d'ondereferences/charts-timelines-and-data.md
archival-collageDouble surligneur, zoom/flicker de journal, bordures déchirées, parallaxe 2.5D, projecteur de diapositives 3Dreferences/archival-collage-and-camera.md

Avant l'étape 1, exécutez le résumé d'intention (references/intent-brief.md) : remplissez le but, le format, le sujet, l'apparence et les contraintes à partir de la demande, ne posez de questions que sur ce qui manque (au plus 4 questions, options avec une valeur par défaut recommandée), écrivez brief.md, montrez un aperçu peu coûteux avant la première étape coûteuse, et vérifiez le résultat par rapport au résumé avant la livraison. Un morceau qui manque l'objectif de l'utilisateur est un morceau raté.

Workflow de bout en bout

  1. Auditer la chaîne d'outils (audit)
    • Exécutez uv run --no-project python scripts/check_vox_toolchain.py pour détecter les outils 2D/3D installés (Blender, DaVinci Resolve / Fusion, Remotion + Three.js/SVG, FFmpeg) et lister les commandes d'installation gratuites en une ligne (winget) pour tout outil optionnel manquant (QGIS, Inkscape, Krita).
  2. Établir la hiérarchie et la surface (design)
    • Appliquez la Tension d'échelle asymétrique (un ancrage dominant, un espace négatif généreux blanc cassé #F4F1EA ou ardoise blueprint #1B222C, chemin de connexion). Effectuez le Test du regard détourné / du regard de retour avant d'animer.
    • Construisez les 3 piliers de l'autorité visuelle : Surface (fibres de papier chaud + grain statique), Encre (débordement Multiply/Color Burn + matte de luminance + bords rugueux + douceur 0,5–1,5 px), et Vie (Posterize Time à 8–12 ips pour les éléments graphiques ou 2–4 ips pour l'ébullition de texture en arrière-plan).
  3. Générer des actifs procéduraux (scripts/generate_vox_assets.py)
    • Exécutez uv run --no-project python scripts/generate_vox_assets.py pour générer des définitions de filtres SVG (bordures de papier déchiré à double passage, débordement d'encre, mattes de luminance quadrillées à 45°, grain de papier) et des mises en page de règles proportionnelles pour les lignes de temps.
  4. Construire la scène dans le moteur 2D / 2.5D / 3D choisi (map, chart-timeline, archival-collage)
    • Code / Web 2D et 3D : Remotion + filtres SVG (<feTurbulence> + <feDisplacementMap>) + Three.js / React Three Fiber (caméra 35mm, DOF, plans Z).
    • Composition par nœuds 2D et 2.5D : DaVinci Resolve Fusion (FastNoise + Displace, répéteurs sRender, traits Paint de finition, ImagePlane3D + Camera3D).
    • 3D complet et 2D-dans-3D : Blender 5.2 (traits Grease Pencil avec modificateurs Noise/Build, nœuds Geometry Nodes pour lignes de temps/graphiques à barres proportionnels, cartes de terrain 3D déplacées, Cycles/EEVEE 35mm Profondeur de champ + passage lentille/grain du Compositeur).
  5. Appliquer la passe de finition et valider (scripts/validate_vox_recipe.py)
    • Ajoutez une profondeur de champ subtile de 35 mm (ou un masque de mise au point avec calque de réglage adouci), une aberration chromatique radiale, un vignettage et une cadence de Posterize Time.
    • Exécutez uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json> pour vérifier la conformité avec toutes les lois visuelles de Vox.

Pour toute étape effectuée dans Blender (nœuds de géométrie, shaders, rigging, weight paint, NLA, bpy), chargez la compétence use-3d-software pour les nœuds exacts et les noms actuels de la version 5.x. Pour le montage, les sous-titres, le réétalonnage, les transitions, l'étalonnage et l'exportation dans n'importe quel éditeur (Resolve, CapCut, Premiere, Kdenlive, FFmpeg), chargez edit-video. Compétences artisanales pour des étapes uniques : draw-and-paint-art (dessin, figures, peinture dans Krita), paint-stylized-backgrounds (arrière-plans, peinture par-dessus, parallaxe, feuillages et eaux en mouvement), animate-characters (mouvement de personnage, image par image, cut-out) et rig-characters (marionnettes cut-out).

Lois visuelles fondamentales de Vox (Non négociables)

  • Pas de toile numérique stérile : N'utilisez jamais de fonds #FFFFFF ou #000000 purs. Utilisez du papier chaud (#F4F1EA), du crème d'archive (#EFECE6) ou de l'ardoise blueprint (#1B222C) avec un grain statique.
  • Bordures de papier déchiré à double passage : Les découpes sur fonds chargés nécessitent une bordure en papier blanc cassé (Simple Choker / dilatation morphologique) rugueuse en deux passages : Passage 1 (Spiky / coupures de ciseaux à grande échelle) + Passage 2 (Roughen / bord de fibre de papier fin) + texture de tissu/papier Hard Light découpée sur la découpe.
  • Trames de demi-teintes pour citations imprimées : Appliquez des mattes de luminance quadrillées à +45° / -45° (divisées en mattes de hautes lumières et d'ombres) atténuées au seuil de perception (8%–18% d'opacité) pour que les découpes de journaux modernes aient l'air imprimées et vérifiées.
  • Loi de la ligne de temps à règle pré-dessinée : Ne jamais espacer uniformément des intervalles de temps inégaux. Dessinez d'abord une échelle de règle/graduations espacée régulièrement, puis placez les événements à leurs vraies coordonnées proportionnelles afin que les regroupements et les lacunes racontent l'histoire.
  • Loi du double surligneur :
    • Texte numérique/écran : Trait net #FFE600, mode de fusion Multiply, hauteur du trait plus courte que la hauteur des majuscules (~75–85 %), texte non surligné atténué à ~30 % d'opacité.
    • Page d'archive/livre : Bordures rugueuses en 3 passages (traînées de marqueur horizontales + bordure + bord rugueux) + déplacement turbulent Bulge, placé dans l'espace 3D avec une caméra 35mm et une profondeur de champ faible suivant la ligne.
  • Graphique de vitesse de la caméra : Tous les panoramiques et zooms de la caméra 2D/3D doivent utiliser une longueur focale équivalente 35mm, un contrôle parent Null et un graphique de vitesse Bezier continu en forme de courbe en cloche (entrée lente -> accélération rapide -> stabilisation lente), jamais d'images clés linéaires.

Scripts et références

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills associés