creator-brandkit

Créez ou étendez une identité visuelle avec les outils disponibles : brief de marque, palette de couleurs, association typographique, concepts de logo (SVG vectoriel édité directement, plus explorations générées) et maquettes appliquées (posts sociaux, images de profil, bannières, merchandising, packaging), le tout sauvegardé dans un kit de marque réutilisable par d'autres compétences créateur.

Qu'est-ce que creator-brandkit ?

La compétence `creator-brandkit` permet aux créateurs de définir ou étendre une identité visuelle complète pour leur marque, en suivant un processus structuré en cinq étapes : brief, direction, logo, maquettes et sauvegarde. Elle est idéale lorsque l'utilisateur demande un logo, une identité de marque, un kit de marque, une palette de couleurs, un guide de style, une charte pour chaîne ou des modèles sociaux cohérents. Les livrables incluent des SVG vectoriels directement éditables (marque, mot-symbole, combinaison), des maquettes appliquées (photo de profil, post social, bannière YouTube, carte de visite, tote bag, packaging) et un fichier `brand.json` qui alimente automatiquement d'autres compétences créateur (vignettes, annonces, photos produits). La compétence repose sur des règles strictes de contraste WCAG AA, une vérification d'originalité pour éviter les similitudes avec des logos connus, et utilise des références internes (`references/brand-foundations.md`, `references/image-prompting.md`, etc.) pour garantir des choix professionnels.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mehbylabs/creator-skills/tree/main/skills/creator-brandkit

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · 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

Creator Brandkit

Dossier de sortie brand/<slug>/ :

brand.json          # nom, positionnement, couleurs, polices, chemins des logos, ton — lu par les autres compétences
palette.svg         # nuancier avec valeurs hexadécimales
logo/               # mark.svg, wordmark.svg, lockup.svg (+ exports PNG)
mockups/            # exemples appliqués
guide.md            # guide d'utilisation en une page

Étape 1 — Brief

Nom, ce qu'il fait, public cible, 3 mots de personnalité, concurrents à éviter de ressembler, assets existants à conserver. Demandez une fois ce qui manque.

Étape 2 — Direction (à approuver avant construction)

Proposez 2 directions, chacune : concept en une ligne, palette de 5 couleurs (hexadécimales, avec rôles : primaire, secondaire, accent, neutre foncé, neutre clair), association typographique (noms de polices Google Fonts), idée de logo. Utilisez references/brand-foundations.md pour les règles de contraste de palette et de typographie.

Étape 3 — Logo

  1. Créez les SVG directement (toujours possible, modifiable, scalable) : marque géométrique, mot-symbole (texte converti uniquement si l'utilisateur fournit la police ; sinon utilisez une pile de polices web-safe et notez-le), combinaison. Gardez les marques simples : fonctionnent à 16 px et en une seule couleur.
  2. Explorations optionnelles avec un fournisseur d'image pour inspiration uniquement : creator.py image --prompt "exploration de logo vectoriel plat pour <nom> : <idée>, <palette>, fond blanc, pas de maquette" --ratio 1:1. Les rasters générés sont des références, pas des livrables ; redessinez l'idée choisie en SVG.
  3. Exportez les PNG : ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png (si ffmpeg n'a pas de support SVG, utilisez rsvg-convert ou une capture d'écran du navigateur).

Étape 4 — Maquettes

Utilisez creator-image / creator.py image avec le logo PNG comme --ref et la palette en mots : image de profil, modèle de publication sociale, bannière YouTube (2560×1440, zone sécurisée 1546×423), carte de visite, tote bag/tee-shirt, packaging — seulement ceux dont l'utilisateur a besoin. Ajoutez le texte exact avec media.py text, pas de génération dans l'image.

Étape 5 — Sauvegarder le kit

Écrivez brand.json et proposez de copier les couleurs/polices/logo dans le bloc brand de la configuration creator-skills afin que les vignettes, annonces et photos produits les utilisent automatiquement. Écrivez guide.md : palette avec rôles et notes de contraste, échelle typographique, espace de réserve et taille minimale du logo, exemples à faire/ne pas faire.

Règles

  • Effectuez une vérification rapide d'originalité : évitez les marques qui ressemblent à des logos connus ; demandez à l'utilisateur d'effectuer une recherche de marque déposée avant toute utilisation commerciale.
  • Contraste du texte : le texte du corps doit avoir un rapport de contraste ≥ 4,5:1 avec son arrière-plan (WCAG AA).

Références

  • references/brand-foundations.md — rôles de la palette, contraste, association typographique, règles du logo
  • references/image-prompting.md, references/media-ops.md, references/providers.md

Individual skills in this repo

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

Skills associés