Communitygithub.com

cover-design

Utilisez quand un article ou une vidéo nécessite une couverture éditoriale textuelle avec collage de papiers gravés, à partir d'une demande d'une ligne ou d'un simple titre, ou quand une couverture existante a besoin d'une variante de couleur de la marque, d'une modification de texte ou d'une adaptation 4:3, 3:4 ou 16:9.

Qu'est-ce que cover-design ?

Ce skill permet de générer des couvertures éditoriales au style gravé et collage de papier, en mettant l'accent sur la lisibilité du titre en miniature. Il est conçu pour les articles ou vidéos nécessitant une couverture unique, et non pour la création de pages web, maquettes UI ou portfolios. Le skill fonctionne à partir d'une simple phrase ou d'un titre, avec une gestion intelligente du contenu : il peut lire un article lié pour en extraire le texte, analyser le corps ou le résumé pour formuler un titre précis et des légendes complémentaires, ou se contenter du titre seul si c'est tout ce qui est fourni. Il supporte les adaptations de rapport d'aspect (4:3, 3:4, 16:9) et les modifications localisées (texte, couleur) sans régénérer l'ensemble. Les palettes de couleurs, typographies et mises en page sont déterminées par défaut à partir de règles prédéfinies, évitant à l'utilisateur de spécifier des détails techniques. Le skill génère d'abord l'image, puis effectue une vérification rigoureuse de la conformité du texte, des superpositions et de la composition avant de présenter le résultat.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/clarkzoe2026-a11y/cover-design-skill/tree/HEAD/skills/cover-design

Demander à votre IA préférée

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

Documentation

Conception de couverture · Collage de papiers gravés avec priorité au texte

Dessinez l'action centrale d'un article sous forme d'une scène facile à comprendre, afin que le titre soit lu en premier dans la vignette. Convient pour les couvertures indépendantes, pas pour la création de pages web, de maquettes UI ou la reproduction de portfolios personnels.

Une phrase suffit

Pour les membres non-designers : une phrase suffit, pas besoin de remplir des étiquettes, sous-titres, codes de couleur, styles ou proportions, pas de validation de script avant génération, et pas de promesse de réussite du premier coup. Par défaut, l'image est générée directement, suivie d'une auto-vérification « Vérifier et livrer ». Déterminez d'abord le point d'entrée du contenu :

  • Lien vers un article : lisez d'abord le corps de l'article ou trouvez un texte local fiable ; si la lecture est impossible, signalez le manque, ne traitez pas un article non lu comme une simple tâche de titre.
  • Contenu ou résumé disponible : formulez un titre court et précis (décrivez l'action centrale, l'objet et le résultat ; évitez les points de départ et d'arrivée vagues), puis choisissez des étiquettes, des explications et un flux en bas en fonction du contenu, chaque couche apportant une nouvelle information ; pour les articles pratiques, réduisez les étapes du corps en un flux concis, en remplaçant les répétitions vagues comme « pratique complète ». Le titre original ne sert qu'à identifier l'article, il n'est pas automatiquement repris mot pour mot sur la couverture ; ne le verrouillez que si l'utilisateur demande explicitement le texte original. Le nombre de couches est déterminé par le contenu, ne forcez pas quatre couches, supprimez les répétitions qui n'ajoutent pas d'information.
  • Seulement un titre explicite : générez directement, conservez le texte du titre mot pour mot ; l'illustration ne représente que le thème soutenu par le titre, ne demandez pas de compléter le texte, n'ajoutez pas de chiffres, fonctions, conclusions, identités, institutions ou noms de série.
  • Ni titre ni contenu disponible : demandez brièvement « De quel thème parle la couverture ? », sans poser d'autres questions.

Les étiquettes et sous-titres peuvent être spécifiés par l'utilisateur, ou extraits du contenu si le corps est disponible ; s'il n'y a qu'un titre sans contenu complémentaire, omettez-les, n'inventez rien. La palette de couleurs, le style et les proportions ne sont pas nécessaires de la part de l'utilisateur, ils sont automatiquement complétés selon les « décisions par défaut ».

Décisions par défaut : proportions, palette de couleurs et style

Proportions : les proportions spécifiées par l'utilisateur ou les spécifications de la plateforme sont prioritaires ; si rien n'est précisé, générez une seule image 4:3 par défaut, ne générez pas plusieurs images par défaut pour économiser les crédits.

Formulation naturelle de l'utilisateurTraitement
« Format vertical »3:4
« Écran large » / « Couverture vidéo horizontale »16:9
« Trois versions » / « Tous les ratios courants »Une image chacune en 4:3, 3:4 et 16:9, recomposées séparément
Spécifications de pixels/ratio explicites de la plateformeSelon les spécifications, et rapportez honnêtement les dimensions réelles de sortie

Palette de couleurs : les couleurs de la marque existantes ou celles spécifiées dans le contexte précédent sont prioritaires ; sinon, choisissez parmi les quatre ensembles prédéfinis dans Palettes de couleurs et prompts. Les quatre ensembles sont des fond clairs proches du blanc papier, chacun avec une légère teinte et du texte suffisamment foncé, les couleurs d'accentuation ne sont utilisées que pour les étiquettes ou un petit morceau de papier ; ne sont pas fixées au cyan. Par défaut, la palette de couleurs existante est conservée pour un même thème : pour les lots de proportions multiples, les modifications de texte uniquement, les modifications de couleur uniquement, ou les ajustements basés sur une image existante, la même palette est réutilisée. Ce n'est que lorsque l'utilisateur demande explicitement « Change de couleur » (ou une direction comme « Plus bleu ») ou qu'un nouveau thème indépendant apparaît dans le contexte visible sans couleur spécifiée que la palette est modifiée ; la rotation n'est utilisée que pour ces nouveaux thèmes indépendants, sans prétendre à un caractère strictement aléatoire, sans dépendre de la mémoire entre sessions, et sans générer de palette d'échantillons supplémentaire.

Style de base : fond proche du blanc papier, ne laissant qu'une faible saturation et un fin grain de papier, texte foncé avec un bon contraste ; les coins sont propres par défaut, sans ajout de bords déchirés supplémentaires ; les étiquettes internes, les bandes de flux en bas et les bandes de connexion en papier conservent des bords déchirés naturels, de fines fibres et des ombres douces, sans être nivelés par le nettoyage des coins. L'étiquette en haut peut utiliser une couleur d'accentuation plus vive que le fond dans la même gamme chromatique, pour apporter une petite touche de luminosité, tout en maintenant un texte foncé et contrasté, sans effet fluorescent ; le reste reste faiblement saturé. Tout le texte utilise la même famille de polices sans-serif modernes, avec des poids de police et des tailles de police attribués en fonction de la priorité de l'information : titre principal en Bold, étiquette en Medium, explication et flux en Regular ; le texte illustratif doit également se conformer à cette règle ; ne pas utiliser de texte noir épais à tous les niveaux, ni se contenter de réduire la taille ou d'augmenter la transparence pour simuler les niveaux. Les valeurs des poids de police et les hauteurs de glyphe se réfèrent aux directives de mise en page quantitatives ; les traits gravés, les demi-teintes, les superpositions de papiers et les ombres douces ne sont utilisés que pour les illustrations et les papiers, n'utilisez pas de polices serif comme Song Ti ou Mincho. Si l'utilisateur a d'autres exigences, concevez en fonction de sa direction tout en maintenant le contraste du texte, sans transformer ces préférences en interdictions pour toutes les couvertures.

Les formulations naturelles sont acceptées directement, sans demander de champs de conception : « Change de couleur » échange un ensemble prédéfini tout en verrouillant le texte, la composition, le poids de police, les proportions et le reste ; « Plus bleu », « Plus chaud » ajustent légèrement dans la direction indiquée au sein de l'ensemble prédéfini ; « Remplace seulement X par Y » conserve la couleur, la police, la composition et les proportions existantes. Si nécessaire, lisez Proportions et modifications.

Méthode de génération : rédiger en une seule fois les spécifications de génération

  1. Définir le texte : produisez un ensemble de textes complémentaires en fonction du point d'entrée du contenu ci-dessus. Le titre principal utilise le minimum de mots précis pour décrire l'action centrale, l'objet et le résultat ; les étiquettes, explications et flux apportent chacun une nouvelle information, avec des explications et des étapes en petits caractères, en évitant que deux lignes de texte long aient la même graisse. Conservez mot pour mot le texte original lorsque l'utilisateur spécifie explicitement les mots de la couverture.
  2. Définir la métaphore : utilisez une phrase dessinable pour définir « qui transforme quoi de quel état à quel résultat ». L'illustration ne représente que cette transformation centrale, le même résultat n'apparaît qu'une fois ; ne dessinez pas chaque étape du corps, n'empilez pas de machines, de bobines ou de multiples images vidéo. Si le thème change, changez le sujet et l'action, ne réutilisez pas les dispositifs, maisons, mains ou navigateurs d'un article pour tous les thèmes ; ne dessinez que le contenu soutenu par le titre.
  3. Définir la mise en page : organisez les étiquettes, explications, titre principal, flux, illustration, marges et espaces blancs comme un tout cohérent, avec un redimensionnement et une réorganisation en cascade si nécessaire. Commencez par définir le cadre extérieur de l'ensemble des informations, puis coordonnez le titre et l'illustration, en évitant de remplir les bords ou de réduire au centre en un petit bloc ; pour le format horizontal 16:9, utilisez les Directives de mise en page quantitatives, ne vous contentez pas d'écrire « taille moyenne / beaucoup d'espace blanc » ; la zone de texte occupant la moitié de la largeur ne signifie pas que la police est étirée, n'agrandissez pas mécaniquement le texte et ne forcez pas deux colonnes. La disposition horizontale texte à gauche, image à droite, et verticale texte en haut, image en bas n'est qu'un point de départ ; l'extension des papiers et la superposition modérée peuvent intégrer le texte et l'image ; lorsque le texte est placé sur une zone d'image calme, assurez-vous qu'il reste lisible, sans que l'illustration ne recouvre les traits. Les guillemets et les papiers sont également pris en compte dans les limites de sécurité ; selon le cadre actuel, incluez l'ensemble du cadre extérieur, les zones de chaque couche, la hauteur des glyphes et l'espacement entre les lignes dans le prompt. Les directives 16:9 sont un point de départ réutilisable ; après la génération, vérifiez les écarts ; en cas de changement de proportions, de titre long ou d'autres demandes de mise en page, réajustez, ne fixez pas les valeurs de pixels pour tous les cadres.
  4. Rédiger le prompt complet en une seule fois avant de générer : écrivez le texte et les couches, la métaphore centrale, la mise en page et les espaces blancs, la police, le fond, la palette de couleurs et les proportions intégralement et en une seule fois dans le même prompt, puis soumettez-le à l'outil de génération/édition d'images disponible dans l'environnement actuel pour produire l'image. Par défaut, utilisez l'ImageGen intégré ; si aucun outil n'est disponible, expliquez la limitation, fournissez le prompt ou demandez une solution alternative, ne présentez pas une image dessinée par du code comme un produit fini, et ne passez pas automatiquement à une API payante. Ne promettez pas de réussite du premier coup ; après la génération, vérifiez le texte mot pour mot et examinez la vignette selon « Vérifier et livrer ».
  5. Régénérer ou édition locale : pour une refonte complète, ou lorsque l'utilisateur demande explicitement « Régénérer / Ne pas modifier l'ancienne image », générez à partir d'un nouveau canevas, sans décomposer le prompt en plusieurs correctifs superposés sur l'ancienne image. Pour les modifications de texte uniquement ou de couleur uniquement, utilisez l'édition locale, avec l'image existante spécifiée comme cible d'édition, en verrouillant le reste de la police, de la palette de couleurs, de la composition et des proportions ; n'interdisez pas complètement l'édition. Les deux branches sont distinguées en fonction de l'intention de l'utilisateur, voir « Proportions multiples et modifications ».

Références d'aspect actuel : Hiérarchie des poids en bleu brumeux, Blanc papier chaud et étiquette orange. Inspirez-vous de la hiérarchie, du volume et des relations de papier, sans copier les exemples de texte ou les thèmes ; la portée de confirmation des deux images figure dans la liste des images de référence du dépôt.

Chaque image de référence indique son rôle : police et hiérarchie, méthode de dessin, couleur ou cible d'édition. N'utilisez que la partie demandée par l'utilisateur, sans introduire les sites personnels, noms réels, URLs, cas clients ou anciens titres des images de référence. Le Style de référence horizontal ne contraint que le papier, le collage gravé et la relation texte-image ; il n'est pas un sujet à copier pour chaque image ; si seule la méthode de dessin est empruntée, réinitialisez la taille de police en fonction de la longueur du titre actuelle.

Proportions multiples et modifications

  • 4:3 : la disposition texte à gauche, image à droite peut être un point de départ ; lorsque le titre est long, réduisez l'illustration et conservez un intervalle clair.
  • 16:9 : utilisez l'espace horizontal pour ajuster le rapport texte-image, sans étirer le 4:3.
  • 3:4 : réorganisez en disposition texte en haut, image en bas, ou composition décalée, ne coupez pas le titre horizontal, ne vous contentez pas d'ajouter des bordures.
  • Chaque demande de proportions est générée séparément ; l'image précédente approuvée peut servir de référence stylistique ; conservez l'ancienne version et enregistrez la nouvelle. Des exemples d'adaptation spécifiques sont donnés dans Proportions et modifications.
  • Édition locale (modification de texte uniquement / modification de couleur uniquement) : utilisez l'image existante spécifiée comme cible d'édition, verrouillez le reste du texte, de la police, de la palette de couleurs, de la composition et des proportions ; ne reconstruisez pas l'image entière pour deux mots ou un fond éclairci.
  • Génération à partir d'un nouveau canevas (refonte complète / régénération explicite) : ne transmettez pas l'ancienne image comme cible d'édition, recomposez selon les 5 étapes ci-dessus.

Vérifier et livrer

Examinez l'image réelle générée, vérifiez le texte mot pour mot, les couches et les mots clés ; vérifiez l'absence d'occlusion texte-image, des bords et des coins complets et propres, de la métaphore correspondant au thème, et l'absence de contenu privé des images de référence ; utilisez la vignette pour vérifier si le titre est lu en premier. La taille du fichier / hachage ne peut pas remplacer la validation esthétique.

Pour le 16:9, vérifiez d'abord la plage d'informations complète selon les directives de mise en page quantitatives, puis examinez la relation entre la police, l'illustration et le papier déchiré ; les indicateurs ne servent que de rappel pour vérifier le trop vide ou le trop plein, ne déclarez pas le visuel conforme simplement parce que les valeurs numériques sont atteintes.

Lisez les dimensions réelles en pixels ; la sortie native peut avoir un arrondi de l'ordre d'un pixel dans le rapport ; rapportez les dimensions réelles, ne dites pas qu'un rapport approximatif correspond à des pixels précis. Si les exigences strictes en pixels ne sont pas satisfaites, continuez le traitement ou signalez clairement le manque.

Stockez le candidat final dans l'espace de travail actuel, fournissez un lien vers l'image ou le téléchargement ; conservez en même temps le prompt de génération, la plage de référence et les dimensions réelles. En lot, utilisez une liste pour mapper chaque thème à une version spécifique, ne devinez pas en fonction de l'ordre du répertoire. Enregistrez séparément la génération, l'auto-vérification et l'approbation de l'utilisateur ; si l'utilisateur n'a pas explicitement approuvé, n'écrivez pas « approuvé », et n'appliquez pas l'approbation d'une version à d'autres versions.

Skills associés