brandpor nextlevelbuilder

Brand Skill.

Uma skill de Claude Code e Codex para trabalho de marca e design system: voz de marca, identidade visual, frameworks de mensagem e consistência de marca.

Marca e Sistemas de Design

Baixar OpenDesign Ver guia de 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

Metadados e títulos de seção lidos do arquivo original em 14/09/2026 · 3.512 caracteres no total

01 O que faz

O que o skill de marca faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Este skill gerencia identidade de marca, voz, frameworks de mensagens, padrões de identidade visual e consistência de ativos. Ele mantém uma única fonte de verdade em docs/brand-guidelines.md e a sincroniza com design-tokens.json e design-tokens.css. O skill fornece scripts para injetar contexto de marca em prompts, validar nomenclatura e formatos de ativos, extrair e comparar cores em relação à paleta e auditar a consistência da marca.

Ele inclui frameworks de referência para voz, identidade visual, mensagens, gerenciamento de cores, tipografia, uso de logotipo e fluxos de aprovação. Os usuários podem atualizar a identidade da marca e propagar mudanças em todos os sistemas de design, ou revisar ativos e conteúdo quanto à conformidade com a marca.

O que ele produz

Arquivo de variáveis CSS em assets/design-tokens.css

Veja o exemplo de prompt ↗

Como funciona

01
Editar a Fonte das Diretrizes de Marca
Modifique docs/brand-guidelines.md, que serve como a única fonte de verdade para todas as definições de marca.
02
Sincronizar com os Design Tokens
Execute sync-brand-to-tokens.cjs para propagar alterações das diretrizes para assets/design-tokens.json e assets/design-tokens.css.
03
Injetar Contexto nos Prompts
Use inject-brand-context.cjs para extrair o contexto de marca a ser inserido nos prompts do agente, opcionalmente em JSON.
04
Validar Assets
Execute validate-asset.cjs com um caminho de asset para verificar convenções de nomenclatura, tamanho e conformidade de formato.
05
Extrair e Comparar Cores
Use extract-colors.cjs para extrair cores de imagens ou exibir a paleta, depois comparar com os padrões de marca.

02 Encontre o ideal para você

Quando Usar o Skill brand

Use a skill brand no Claude Code ou Codex quando o trabalho for de marca e sistema de design deste tipo. Adequação e limites abaixo são retirados do arquivo da própria skill.

Boa Combinação

Definição e documentação da voz da marca para criação de conteúdo
Desenvolvimento de padrões de identidade visual e guias de estilo
Criação de frameworks de mensagens para comunicação consistente
Auditoria de conteúdo e assets para consistência de marca
Organização, nomenclatura e aprovação de assets de marca

03 Dentro da skill

Regras que o Skill brand Dá ao Claude Code e ao Codex

5 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

Os Caminhos de Script São Relativos ao Diretório do Skill
Os caminhos de script neste skill e em suas referências são relativos ao diretório que contém o SKILL.md, não à raiz do projeto.
A Sincronização Propaga para os Tokens JSON e CSS
O script sync-brand-to-tokens.cjs grava tanto em assets/design-tokens.json quanto em assets/design-tokens.css.
Os Assets São Validados para Nomenclatura, Tamanho e Formato
O script validate-asset.cjs verifica as convenções de nomenclatura de assets, o tamanho do arquivo e a conformidade de formato.
O Subcomando update Sincroniza com Todos os Design Systems
O subcomando update atualiza a identidade de marca e sincroniza as alterações em todos os design systems.
Subcomandos São Roteados a Partir de ARGUMENTS
Extraia o subcomando da primeira palavra de $ARGUMENTS, carregue o references/{subcommand}.md correspondente e execute com os argumentos restantes.

04 Coloque em prática

Instalar brand no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar brand ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal

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

Forma genérica da CLI skills para .claude/skills/brand/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê ao Skill uma primeira tarefa de marca e design-system

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

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: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

Compare as cores extraídas com a paleta da marca
Revise o conteúdo em relação à checklist de consistência de marca
Verifique os ativos em relação à checklist de aprovação antes do lançamento

No OpenDesign importe a marca a partir do link do seu SKILL.md: Plugins → Add → Skill → Import from link, depois selecione-a na barra superior.

Baixar OpenDesign Ler o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
Arquivo da skill: .claude/skills/brand/SKILL.md Checksum de conteúdo registrado na verificação; commit 7f69fed
License: MIT De LICENSE.
Estrelas do repositório: 127.450 Snapshot do GitHub feito em 14/09/2026 para todo o repositório nextlevelbuilder/ui-ux-pro-max-skill, que contém 7 skills neste catálogo. Não é uma avaliação ou contagem de uso para brand.
Verificado pelo OpenDesign: 14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

Quando UsarLista seis cenários: definição de voz, identidade visual, mensagens, revisão de consistência, gestão de ativos, cor e tipografia.
Caminhos de ScriptExplica que os caminhos de script são relativos ao diretório do skill, não à raiz do projeto.
Início RápidoComandos para injetar contexto de marca, validar ativos e extrair ou comparar cores.
Fluxo de Sincronização de MarcaProcesso de três etapas: editar diretrizes, sincronizar com tokens, verificar com o script de injeção.
SubcomandosTabela com o subcomando update que sincroniza a identidade da marca com todos os sistemas de design.
ReferênciasDez arquivos de referência cobrindo voz, identidade visual, mensagens, consistência, diretrizes, ativos, cor, tipografia, logotipo, aprovação.
ScriptsQuatro scripts para injetar contexto, sincronizar com tokens, validar ativos, extrair cores.
TemplatesUm template inicial para criar novas diretrizes de marca.
RoteamentoRoteamento em três etapas: extrair o subcomando do primeiro argumento, carregar a referência, executar com os argumentos restantes.

A Descrição da Própria Skill

"Voz de marca, identidade visual, frameworks de mensagem, gestão de recursos, consistência de marca. Ative para conteúdo de marca, tom de voz, materiais de marketing, conformidade de marca, guias de estilo."

Descrição do front-matter de SKILL.md. O arquivo completo tem cerca de 3.512 caracteres. Leia o arquivo completo no GitHub.

Brand

Execute brand em uma Tarefa Real de Trabalho de Marca e Sistema de Design.

Baixe OpenDesign, importe brand do seu link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesign Ver todas as skills