Pixel Character Template Generator v3

Chaque pose est une grille (string | null)[][] prête à l'emploi. Ne modifie pas les grilles — copie-les telles quelles. C'est le point central du skill : les grilles sont définies en dur pour garantir la qualité visuelle.

4. Génère le TypeScript

Crée un fichier src/components/shared/Pixel{Nom}.tsx avec :

• Import de COLORS depuis ../theme
• Les alias de couleur en constantes
• La grille exportée (ex: export const DEV_IDLE: (string | null)[][] = [...])
• Si plusieurs poses sont demandées, exporte-les toutes dans le même fichier

5. Génère l'aperçu SVG

Crée un SVG avec des <rect> de 20px par pixel. Résous les couleurs en hex (pas d'alias TS dans le SVG). Inclus une grille légère (#eee) en fond et le nom en titre monospace.

6. Vérifie

• Grille rectangulaire (toutes les lignes = même nombre de colonnes)
• Couleurs résolues correctement
• Bon personnage + bonne pose

Créer un nouveau personnage

Si l'utilisateur demande un personnage qui n'existe pas dans la galerie :

1. Lis l'index et les personnages existants pour comprendre le style
2. Utilise les conventions de taille (16 cols humain, 12 cols robot, 14 cols créature)
3. Définis les 3 poses (idle, happy, working) en t'inspirant des patterns existants
4. Crée un nouveau character.md dans references/{nom}/
5. La tête/visage des humains est toujours identique entre poses — seuls le corps et les bras changent

Créer un accessoire

Pour les petits objets (laptop, café, téléphone...) :

• Grille compacte (4-10 colonnes)
• Pas besoin de 3 poses
• Couleurs cohérentes avec la palette existante
• Grille strictement rectangulaire