brandpar nextlevelbuilder

Brand Skill.

Un skill Claude Code et Codex pour le travail de marque et de design system : voix de marque, identité visuelle, cadres de messaging et cohérence de marque.

Marque et design systems

Télécharger OpenDesign Voir le guide d'utilisation

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/brand/SKILL.mdSKILL.md

--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. --- ## When to Use ## Script Paths ## Quick Start ## Brand Sync Workflow ## Subcommands ## Scripts

En-tête et titres de section lus depuis le fichier source le 14 septembre 2026 · 3 512 caractères au total

01 Ce qu'il fait

Ce que fait le skill brand dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Ce skill gère l'identité de marque, la voix, les cadres de messagerie, les standards d'identité visuelle et la cohérence des assets. Il maintient une source unique de vérité dans docs/brand-guidelines.md et la synchronise avec design-tokens.json et design-tokens.css. Le skill fournit des scripts pour injecter le contexte de marque dans les prompts, valider le nommage et les formats des assets, extraire et comparer les couleurs par rapport à la palette, et auditer la cohérence de la marque.

Il inclut des cadres de référence pour la voix, l'identité visuelle, la messagerie, la gestion des couleurs, la typographie, l'usage du logo et les workflows d'approbation. Les utilisateurs peuvent mettre à jour l'identité de marque et propager les changements à travers tous les systèmes de design, ou revoir les assets et le contenu pour vérifier la conformité à la marque.

Ce qu'il produit

Fichier de variables CSS dans assets/design-tokens.css

Voir l'exemple de prompt ↗

Fonctionnement

01
Modifier la source des directives de marque
Modifiez docs/brand-guidelines.md, qui constitue la source unique de vérité pour toutes les définitions de marque.
02
Synchroniser vers les design tokens
Exécutez sync-brand-to-tokens.cjs pour propager les modifications des directives vers assets/design-tokens.json et assets/design-tokens.css.
03
Injecter du contexte dans les prompts
Utilisez inject-brand-context.cjs pour extraire le contexte de marque à insérer dans les prompts des agents, éventuellement au format JSON.
04
Valider les assets
Exécutez validate-asset.cjs avec un chemin d'asset pour vérifier les conventions de nommage, la taille et la conformité du format.
05
Extraire et comparer les couleurs
Utilisez extract-colors.cjs pour extraire les couleurs d'images ou afficher la palette, puis comparez-les aux standards de marque.

02 Trouvez celui qui vous convient

Quand Utiliser le Skill brand

Utilisez le skill brand dans Claude Code ou Codex lorsque le travail concerne la marque et le design system de ce type. L'adéquation et les limites ci-dessous sont tirées du fichier du skill.

Bon choix

Définir et documenter la voix de marque pour la création de contenu
Développer des standards d'identité visuelle et des guides de style
Créer des cadres de messagerie pour une communication cohérente
Auditer le contenu et les assets pour la cohérence de marque
Organiser, nommer et approuver les assets de marque

03 Dans le skill

Règles que le skill brand donne à Claude Code et Codex

5 instructions concrètes, valeurs par défaut et limites que SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

Les chemins des scripts sont relatifs au répertoire du skill
Les chemins de scripts dans ce skill et ses références sont relatifs au répertoire contenant SKILL.md, et non à la racine du projet.
La synchronisation se propage aux tokens JSON et CSS
Le script sync-brand-to-tokens.cjs écrit à la fois dans assets/design-tokens.json et assets/design-tokens.css.
Les assets sont validés pour le nommage, la taille et le format
Le script validate-asset.cjs vérifie les conventions de nommage des assets, la taille des fichiers et la conformité du format.
Le sous-commande update synchronise vers tous les design systems
Le sous-commande update met à jour l'identité de marque et synchronise les modifications à travers tous les design systems.
Les sous-commandes sont routées depuis ARGUMENTS
Analysez la sous-commande à partir du premier mot de $ARGUMENTS, chargez le fichier references/{subcommand}.md correspondant, puis exécutez avec les arguments restants.

04 Mettez-le en pratique

Installer brand dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter brand à Claude Code, Codex ou Votre Agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand

Forme générique de la CLI skills pour .claude/skills/brand/SKILL.md ; le dépôt peut documenter son propre chemin.

Donnez au Skill une première tâche de brand et de design-system

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

Starter prompt

Review [marketing-email.html] for brand voice consistency and validate [hero-image.png] against our logo usage rules and color palette. Update docs/brand-guidelines.md with the new tagline and sync the changes to design tokens.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

Comparer les couleurs extraites à la palette de marque
Vérifier le contenu par rapport à la checklist de cohérence de marque
Vérifier les ressources par rapport à la checklist d'approbation avant publication

Dans OpenDesign, importez la marque depuis son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-la dans la barre supérieure.

Télécharger OpenDesign Lire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branche main
Fichier du skill: .claude/skills/brand/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 7f69fed
License: MIT Extrait de LICENSE.
Étoiles du dépôt: 127 450 Instantané GitHub pris le 14/09/2026 pour l'ensemble du dépôt nextlevelbuilder/ui-ux-pro-max-skill, qui contient 7 skills dans ce catalogue. Il ne s'agit pas d'une note ou d'un décompte d'utilisation pour brand.
Vérifié par OpenDesign: 2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

Quand l'utiliserRépertorie six scénarios : définition de la voix, identité visuelle, messagerie, revue de cohérence, gestion des ressources, couleur et typographie.
Chemins des scriptsExplique que les chemins des scripts sont relatifs au répertoire du skill, et non à la racine du projet.
Démarrage rapideCommandes pour injecter le contexte de marque, valider les ressources, et extraire ou comparer les couleurs.
Workflow de synchronisation de la marqueProcessus en trois étapes : modifier les directives, synchroniser vers les tokens, vérifier avec le script d'injection.
Sous-commandesTableau avec la sous-commande update qui synchronise l'identité de marque avec tous les systèmes de design.
RéférencesDix fichiers de référence couvrant la voix, l'identité visuelle, la messagerie, la cohérence, les directives, les ressources, la couleur, la typographie, le logo, l'approbation.
ScriptsQuatre scripts pour injecter le contexte, synchroniser vers les tokens, valider les ressources, extraire les couleurs.
ModèlesUn modèle de démarrage pour créer de nouvelles directives de marque.
RoutageRoutage en trois étapes : analyser la sous-commande à partir du premier argument, charger la référence, exécuter avec les arguments restants.

Description du skill lui-même

Voix de marque, identité visuelle, frameworks de message, gestion des actifs, cohérence de marque. Activez pour le contenu de marque, le ton de la voix, les actifs marketing, la conformité de marque, les guides de style.

Description du front-matter extraite de SKILL.md. Le fichier complet fait environ 3 512 caractères. Lire le fichier complet sur GitHub.

Brand

Exécutez brand sur une véritable tâche de travail de marque et de design system.

Téléchargez OpenDesign, importez brand depuis son lien SKILL.md, collez le prompt ci-dessus et lisez le plan avant le résultat.

Télécharger OpenDesign Parcourir tous les skills