branddi nextlevelbuilder

Brand Skill.

Una skill per Claude Code e Codex per il lavoro su brand e design system: tono di voce del brand, identità visiva, framework di messaggistica e coerenza del brand.

Brand e design system

Scarica OpenDesign Guida all'uso

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

Intestazione e sezioni lette dal file originale il 2026-09-14 · 3.512 caratteri in totale

01 Cosa fa

Cosa Fa la Skill brand in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Questa skill gestisce l'identità di marca, il tono di voce, i framework di messaggistica, gli standard di identità visiva e la coerenza degli asset. Mantiene un'unica fonte di verità in docs/brand-guidelines.md e la sincronizza con design-tokens.json e design-tokens.css. La skill fornisce script per inserire il contesto di brand nei prompt, validare la nomenclatura e i formati degli asset, estrarre e confrontare i colori con la palette e verificare la coerenza del brand.

Include framework di riferimento per tono di voce, identità visiva, messaggistica, gestione dei colori, tipografia, uso del logo e flussi di approvazione. Gli utenti possono aggiornare l'identità di marca e propagare le modifiche a tutti i design system, oppure revisionare asset e contenuti per la conformità al brand.

Che cosa produce

File di variabili CSS in assets/design-tokens.css

Vedi l'esempio di prompt ↗

Come funziona

01
Modifica la fonte delle linee guida del brand
Modifica docs/brand-guidelines.md, che costituisce l'unica fonte di verità per tutte le definizioni del brand.
02
Sincronizza con i design token
Esegui sync-brand-to-tokens.cjs per propagare le modifiche dalle linee guida a assets/design-tokens.json e assets/design-tokens.css.
03
Inserisci il contesto nei prompt
Usa inject-brand-context.cjs per estrarre il contesto del brand da inserire nei prompt dell'agente, eventualmente in formato JSON.
04
Valida gli asset
Esegui validate-asset.cjs con un percorso di asset per verificare la conformità delle convenzioni di denominazione, delle dimensioni e del formato.
05
Estrai e confronta i colori
Usa extract-colors.cjs per estrarre i colori dalle immagini o visualizzare la palette, poi confrontala con gli standard del brand.

02 Trova la tua applicazione

Quando Usare lo Skill brand

Usa la skill brand in Claude Code o Codex quando il lavoro riguarda brand e design system di questo tipo. Idoneità e limiti sono presi dal file della skill stessa.

Buona applicazione

Definizione e documentazione della voce del brand per la creazione di contenuti
Sviluppo di standard di identità visiva e guide di stile
Creazione di framework di messaggistica per una comunicazione coerente
Verifica di contenuti e asset per la coerenza del brand
Organizzazione, denominazione e approvazione degli asset del brand

03 Dentro la skill

Regole che la skill brand fornisce a Claude Code e Codex

5 istruzioni concrete, valori predefiniti e limiti che SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

I percorsi degli script sono relativi alla directory della skill
I percorsi degli script in questa skill e nei suoi riferimenti sono relativi alla directory che contiene SKILL.md, non alla radice del progetto.
La sincronizzazione si propaga ai token JSON e CSS
Lo script sync-brand-to-tokens.cjs scrive sia in assets/design-tokens.json che in assets/design-tokens.css.
Gli asset vengono validati per denominazione, dimensione e formato
Lo script validate-asset.cjs verifica la conformità delle convenzioni di denominazione, delle dimensioni del file e del formato.
Il sottocomando update sincronizza tutti i design system
Il sottocomando update aggiorna l'identità del brand e sincronizza le modifiche su tutti i design system.
I sottocomandi vengono instradati da ARGUMENTS
Analizza il sottocomando dalla prima parola di $ARGUMENTS, carica il corrispondente references/{subcommand}.md ed eseguilo con gli argomenti rimanenti.

04 Mettila al lavoro

Installa brand in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi brand a Claude Code, Codex o al Tuo Agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal

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

Forma generica della CLI skills per .claude/skills/brand/SKILL.md; il repository potrebbe documentare un proprio percorso.

Assegna alla Skill un Primo Task di Lavoro su Brand e Design System

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

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.

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

Confronta i colori estratti con la palette del brand
Rivedi i contenuti rispetto alla checklist di coerenza del brand
Controlla gli asset rispetto alla checklist di approvazione prima del rilascio

In OpenDesign importi il brand dal suo link SKILL.md: Plugins → Add → Skill → Import from link, poi lo selezioni nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
File della skill: .claude/skills/brand/SKILL.md Checksum del contenuto registrato alla verifica; commit 7f69fed
License: MIT Da LICENSE.
Stelle del repository: 127.450 Snapshot GitHub del 2026-09-14 per l'intero repository nextlevelbuilder/ui-ux-pro-max-skill, che contiene 7 skill in questo catalogo. Non è una valutazione o un conteggio d'uso per brand.
Verificato da OpenDesign: 14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

Quando usarloElenca sei scenari: definizione della voce, identità visiva, messaggistica, revisione della coerenza, gestione degli asset, colore e tipografia.
Percorsi degli scriptSpiega che i percorsi degli script sono relativi alla directory dello skill, non alla root del progetto.
Avvio rapidoComandi per inserire il contesto del brand, validare gli asset ed estrarre o confrontare i colori.
Workflow di sincronizzazione del brandProcesso in tre fasi: modifica delle linee guida, sincronizzazione con i token, verifica con lo script di inject.
SottocomandiTabella con il sottocomando update che sincronizza l'identità del brand con tutti i design system.
RiferimentiDieci file di riferimento che trattano voce, identità visiva, messaggistica, coerenza, linee guida, asset, colore, tipografia, logo, approvazione.
ScriptQuattro script per inserire il contesto, sincronizzare con i token, validare gli asset, estrarre i colori.
TemplateUn template iniziale per creare nuove linee guida di brand.
InstradamentoInstradamento in tre fasi: analisi del sottocomando dal primo argomento, caricamento del riferimento, esecuzione con gli argomenti rimanenti.

Descrizione della skill

"Brand voice, identità visiva, framework di messaggistica, gestione degli asset, coerenza del brand. Attiva per contenuti brandizzati, tono di voce, asset di marketing, conformità del brand, style guide."

Descrizione del front-matter da SKILL.md. Il file completo è di circa 3.512 caratteri. Leggi il file completo su GitHub.

Brand

Esegui il brand su un task di lavoro reale di brand e design-system.

Scarica OpenDesign, importa brand dal suo link SKILL.md, incolla il prompt sopra e leggi il piano prima del risultato.

Scarica OpenDesign Esplora tutte le skill

Terminale

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