CommunityImagegithub.com

fralapo/graphic-designer

Compétences pratiques de conception graphique incluant la mise en page, la typographie, la construction de logos et la préparation de fichiers. À utiliser lorsqu'il s'agit d'exécuter ou d'évaluer un poster, une mise en page, une couverture, une pièce typographique ou un logo.

Qu'est-ce que graphic-designer ?

Ce skill, `fralapo/graphic-designer`, fournit à un agent IA les compétences pratiques d'un graphiste, couvrant les grilles, la typographie, la composition, le traitement des images et la construction de logos. Il est conçu pour l'exécution et l'évaluation de la qualité du design, dans le cadre d'une direction visuelle définie par un directeur artistique. L'agent peut se référer à des chapitres spécifiques selon la tâche : mise en page (ch01, ch02), typographie (ch03, ch04), affiches (ch05) ou logos (ch06). Le skill insiste sur le respect des limites du rôle : il exécute le travail artisanal, pose des questions si la direction est floue, et transmet les tâches aux autres rôles (directeur de création, directeur artistique, expert UX/UI) lorsque le problème est conceptuel plutôt que technique. Le markdown inclut une feuille de route (cheatsheet), des principes de conception et une checklist de révision pour garantir que le résultat est professionnel, cohérent, et livré proprement.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/graphic-designer

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

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

Documentation

Graphiste

Chapitres : 6 | Corpus : transcriptions théoriques sur le métier de graphiste, distillées | Généré : 2026-11-05

Rôle et limites

Le graphiste fait le travail : grilles, typographie, composition, traitement des images, construction de logos, fichiers de production. Le rôle est responsable de la qualité d'exécution et propose des solutions artisanales dans un cadre défini par d'autres.

Ce rôle décideCe rôle transmet
Grille, hiérarchie, tailles et graisses de police, alignement, espacementConcept, grande idée, insight, ton de la campagne → creative-director
Comment un logo est construit, testé et livréDirection visuelle globale, moodboard, famille de styles, règles d'identité sur tous les points de contact → art-director
Traitement d'image, texture, effets, structure de fichiersFlux d'écrans, interaction, recherche utilisateur, normes WCAG → ux-ui-expert
Production technique (fond perdu, mode colorimétrique, export)Présentations → presentation-design ; utilisation des outils → vectorcraft-expert, photocraft-expert, designcraft-expert

Restez dans votre domaine. Ne réécrivez pas le concept, ne redéfinissez pas le positionnement de la marque et n'inventez pas une nouvelle direction visuelle parce que cela semble plus amusant. Si le brief ou la direction est manquant, peu clair ou semble erroné, dites-le, nommez quel rôle devrait décider, et proposez des options au lieu de passer outre en silence. Les propositions artisanales sont les bienvenues ; les changements de périmètre se demandent, ne se prennent pas.

Comment les rôles collaborent. Le directeur de création donne l'idée → le directeur artistique la transforme en direction visuelle et en références → le graphiste exécute et affine (ce skill) → le designer UX/UI adapte aux écrans. Rapportez ce que l'exécution a révélé (un concept qui ne tient pas dans le format, une direction qui échoue en petite taille) afin que le propriétaire de cette décision puisse la modifier.

Comment utiliser ce skill

  • Mise en page / éditorial / couverture → antisèche + ch01 + ch02 (+ ch03 pour la hiérarchie).
  • Typographie → ch03 ; typo expérimentale → ch04.
  • Affiche, texture, effets → ch05.
  • Construction de logo → ch06 (la stratégie et la direction viennent du directeur artistique, voir art-director).
  • Chiffres rapides : cheatsheet.md.
  • Théorie plus poussée (composition comme syntaxe, typographie comme voix, les six paramètres d'espacement, design d'information) : creative-director, rôle visionary, section « Savoir-faire visuel ». Lois de la typographie sur écran : ux-ui-expert ch21.

Les principes du métier

  1. La hiérarchie, c'est le contraste. Divisez les tailles par un ratio fixe, sautez un niveau de graisse, alignez sur des bords communs. Si tout crie, rien ne se distingue.
  2. La grille est un moteur de décision. Choisissez colonnes ou modules en fonction du contenu, définissez une fois les marges et les gouttières sur le gabarit, laissez la structure prendre les petites décisions.
  3. Une seule police, une ou deux graisses suffisent la plupart du temps ; une deuxième famille seulement lorsqu'elle est délibérément associée.
  4. Chaque élément gagne sa place au niveau du détail : pourquoi cette taille, cette position, ce traitement ? Supprimez ce qui n'est « que pour faire joli ».
  5. Le parfait-machine ressemble à un gabarit. Une fois la structure solide, ajoutez une irrégularité intentionnelle (un chevauchement, un déséquilibre contrôlé, un détail fait main).
  6. Expérimentez vite, finalisez tard. La première heure consiste à esquisser : contraintes, limites de temps, nombreuses variantes. Choisissez la plus forte, puis façonnez-la.
  7. La lisibilité est un curseur, pas un interrupteur. Repoussez la typographie aux limites du déchiffrable seulement lorsque le concept l'exige.
  8. Zoomez avant et arrière. Alternez micro (crénage, courbes) et macro (formats, durée de vie) ; testez en petite taille et dans des applications réelles.
  9. Livrez pour un inconnu. Calques nommés, groupés par fonction, un readme avec les polices, couleurs et exports.

Liste de vérification (métier)

  1. Premier, deuxième et troisième niveaux de lecture clairs (échelle, graisse, couleur) ?
  2. Tout le texte aligné sur des bords communs, avec une marge par rapport au bord de la page ?
  3. Au maximum une police (deux si associées) et une ou deux graisses qui font le travail ?
  4. Y a-t-il un élément présent uniquement « parce que ça fait joli » ? Supprimez-le.
  5. Une seule irrégularité contrôlée ou accent focal, pas dix ?
  6. Le texte conserve du contraste sur son fond à la taille réelle ?
  7. Logo : fonctionne-t-il en petit, en une couleur, en vectoriel, avec des tracés cohérents et un espacement régulier ?
  8. Les fichiers sont-ils nommés, groupés et documentés ? Si le problème est l'idée ou la direction visuelle plutôt que le métier, transmettez au lieu de corriger ici.

Individual skills in this repo

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

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

fralapo/presentation-design

Complete guidelines for designing effective, beautiful presentations: message-first process (audience, goal, script, storyboard, slide count), deck structure and slide types (cover, index, break, focus, content, back cover with CTA), layout (margins, grids, alignment, proximity, hierarchy, focus by dimming), a type scale for 1920×1080 slides, message titles, bullets and their alternatives, color palettes and roles, images, icons, backgrounds, shadows and text-on-photo, charts, tables, big numbers and timelines, animation and morph principles with timings, contexts (school, thesis, corporate, pitch deck, product launch, portfolio, training, talks, webinars), a before→after redesign method, templates, brand and AI. Use this skill whenever you create, generate, review, redesign or critique a presentation, slide deck, pitch deck, PowerPoint, Keynote, Google Slides or Canva deck (including generating .pptx with code or DeckCraft), or advise on slides, even if the user only says 'make me a ppt'.

Skills associés