Communitygithub.com

101-skills/superpuissances

Principes de conception de logos et bonnes pratiques de génération d'images IA pour créer des logos. Couvre les types de logos, les techniques de prompt, les règles d'évolutivité et les workflows d'itération. Utilisation : identité de marque, logos de startup, icônes d'applications, favicons, concepts de logo.

Qu'est-ce que superpuissances ?

Ce skill fournit un guide complet pour concevoir des logos efficaces à l'aide de la génération d'images par IA, en utilisant principalement l'outil en ligne de commande `belt` (inference.sh). Il couvre les fondamentaux de la conception de logo, notamment les différents types de logos (wordmark, lettermark, pictorial, abstrait, mascotte, combinaison) et leurs cas d'utilisation. Une partie cruciale explique les limites des générateurs d'images IA, en particulier leur incapacité à restituer du texte correctement, et propose une stratégie pour contourner ce problème (générer l'icône puis ajouter le texte manuellement). Le skill offre des techniques de prompting spécifiques aux logos, avec des mots-clés qui fonctionnent, ceux à éviter, et des exemples concrets pour chaque type de logo en utilisant différents modèles d'IA (flux-dev-lora, seedream-4-5, grok-imagine-image-pro). Il inclut également des règles d'évolutivité (du favicon au panneau d'affichage), des directives de couleurs, une checklist de scalabilité, un workflow d'itération en plusieurs étapes, et une liste des erreurs courantes à éviter. Le skill est conçu pour aider les designers et les développeurs à créer rapidement des concepts de logo professionnels et évolutifs via des prompts IA structurés.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/logo-design-guide

Demander à votre IA préférée

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

Documentation

Installer le skill CLI belt : npx skills add belt-sh/cli

Guide de conception de logo

Concevez des logos efficaces avec la génération d'images IA via le CLI inference.sh.

Démarrage rapide

Nécessite le CLI belt (inference.sh). Instructions d'installation

belt login

# Générer un concept de logo
belt app run falai/flux-dev-lora --input '{
  "prompt": "logo vectoriel plat d'un sommet avec un lever de soleil, style géométrique minimaliste, une seule couleur, lignes épurées, fond blanc",
  "width": 1024,
  "height": 1024
}'

Types de logos

TypeDescriptionQuand l'utiliserExemple
WordmarkNom de l'entreprise stylisé en logoNom de marque fort, court (< 10 car.)Google, Coca-Cola
LettermarkInitiales uniquementNom d'entreprise long, formelIBM, HBO, CNN
PictorialIcône/symbole reconnaissableMarque universelle, fonctionne sans texteApple, oiseau Twitter
AbstraitForme géométrique/non littéraleEntreprises tech, marques conceptuellesSwoosh Nike, Pepsi
MascotteIllustration de personnageMarques amicales, alimentation/sportColonel KFC, Pringles
CombinaisonIcône + wordmark ensembleNouvelles marques nécessitant reconnaissance et nomBurger King, Adidas

Limitation critique de l'IA

Les générateurs d'images IA ne peuvent pas restituer le texte de manière fiable. Les lettres seront déformées, mal orthographiées ou brouillées.

Stratégie :

  1. Générer uniquement l'icône/le symbole avec l'IA
  2. Ajouter le texte/wordmark dans un outil de design (Figma, Canva, Illustrator)
  3. Ou utiliser une approche combinée : icône IA + typographie définie manuellement

Techniques de prompting pour les logos

Mots-clés qui fonctionnent

logo vectoriel plat, icône minimale simple, silhouette monochrome,
symbole géométrique pour logo, lignes épurées, design en négatif,
logo en line art, icône de design plat, symbole minimaliste

Mots-clés qui échouent

❌ logo photoréaliste (contradiction : les logos ne sont pas des photos)
❌ logo 3D rendu (trop complexe, ne passe pas à l'échelle)
❌ logo en dégradé (résultats incohérents, difficile à reproduire)
❌ logo avec texte "Nom de l'entreprise" (rendu du texte défaillant)

Structure du prompt

logo vectoriel plat de [sujet], [style], [contrainte de couleur], [fond], [détail supplémentaire]

Exemples par type de logo

# Abstrait géométrique
belt app run falai/flux-dev-lora --input '{
  "prompt": "logo abstrait vectoriel plat, formes hexagonales imbriquées formant la lettre S, style géométrique minimaliste, une seule couleur bleu marine, fond blanc, bords nets et propres"
}'

# Pictural nature
belt app run falai/flux-dev-lora --input '{
  "prompt": "logo vectoriel plat d'une tête de renard de profil, style géométrique à facettes, orange et blanc, lignes épurées minimalistes, fond blanc, design en négatif"
}'

# Style mascotte
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "logo mascotte de hibou cartoon amical, illustration plate simple, portant une toque de graduation, couleurs violet et or, fond blanc, style vectoriel propre"
}'

# Tech abstrait
belt app run xai/grok-imagine-image-pro --input '{
  "prompt": "symbole de logo abstrait minimal, nœuds interconnectés formant une forme de cerveau, style line art, une seule couleur sarcelle, fond blanc, esthétique startup tech"
}'

Règles d'évolutivité

Un logo doit fonctionner à toutes les tailles :

ContexteTailleCe qui doit fonctionner
Favicon16x16 pxSilhouette reconnaissable
Icône d'app1024x1024 pxDétails complets visibles
Avatar social400x400 pxClair en un coup d'œil
Carte de visite~1 pouceReproduction nette à l'impression
Panneau d'affichage10+ piedsPas de pixellisation, assez simple

Liste de contrôle de l'évolutivité

  • Reconnaissable en tant que favicon de 16px (test du plissement des yeux)
  • Fonctionne en une seule couleur (noir sur blanc)
  • Fonctionne en inversion (blanc sur noir)
  • Pas de petits détails qui disparaissent aux petites tailles
  • Pas de lignes fines qui disparaissent en rétrécissant
  • Silhouette claire sans couleur

Directives de couleurs

  • Maximum 2-3 couleurs pour le logo principal
  • Doit fonctionner en une seule couleur (noir, blanc ou couleur primaire de la marque)
  • Considérez la psychologie des couleurs :
    • Bleu : confiance, professionnalisme (finance, tech, santé)
    • Rouge : énergie, urgence (alimentation, divertissement, vente au détail)
    • Vert : croissance, nature (santé, développement durable, finance)
    • Orange : convivial, créatif (startups, marques jeunes)
    • Violet : luxe, sagesse (beauté, éducation)
    • Noir : premium, élégant (mode, luxe, tech)
  • Testez sur des fonds clairs et foncés

Workflow d'itération

# Étape 1 : Générer 5 à 10 concepts larges
for i in {1..5}; do
  belt app run falai/flux-dev-lora --input '{
    "prompt": "logo vectoriel plat d'un phare, géométrique minimaliste, une seule couleur, fond blanc"
  }' --no-wait
done

# Étape 2 : Affiner le meilleur concept avec des variations
belt app run falai/flux-dev-lora --input '{
  "prompt": "logo vectoriel plat d'un phare géométrique avec des rayons lumineux, line art minimaliste, bleu marine, fond blanc, design en négatif"
}'

# Étape 3 : Générer en haute résolution pour la version finale
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "logo vectoriel plat d'un phare géométrique avec des rayons lumineux rayonnants, design propre minimaliste, une seule couleur bleu marine, fond blanc pur",
  "size": "2K"
}'

# Étape 4 : Mettre à l'échelle pour une utilisation en production
belt app run falai/topaz-image-upscaler --input '{
  "image": "chemin/vers/meilleur-logo.png",
  "scale": 4
}'

Erreurs courantes

ErreurProblèmeCorrectif
Trop de détailsPerd en clarté aux petites taillesSimplifier aux formes essentielles
Dépend de la couleurÉchoue dans les contextes N&BConcevoir d'abord en noir
Texte dans la génération IALettres brouillées ou mal orthographiéesGénérer uniquement l'icône, ajouter le texte manuellement
Effets tendance (lueurs, ombres)Se démode rapidement, problèmes de reproductionRester sur un design plat et intemporel
Trop de couleursDifficile à reproduire, impression coûteuseMax 2-3 couleurs
Asymétrie sans butSemble inachevéUtiliser une asymétrie intentionnelle ou rester équilibré

Livraison des formats de fichier

FormatCas d'utilisation
SVGVectoriel évolutif, web, édition
PNG (transparent)Utilisation numérique, présentations
PNG (fond blanc)Documents, signatures email
ICO / FaviconFavicon de site web (16, 32, 48px)
PNG haute résolution (4096px+)Impression, panneaux d'affichage

Note : L'IA génère des images raster (PNG). Pour un véritable SVG vectoriel, utilisez le résultat de l'IA comme référence et tracez dans un outil vectoriel, ou utilisez des outils de conversion IA vers SVG.

Skills associés

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering

Parcourir toutes les apps : belt app list

Individual skills in this repo

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

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

Skills associés