From PWDEV Social Media — Geração de Criativos por IA
Extrai o brand kit do Figma — tokens de cor, tipografia, grid, logo e componentes — e grava na seção 3 do contexto. Use quando o usuário disser "extrair a marca", "pegar os tokens", "quais as cores", "design system", "importar do Figma", "montar brand kit", ou quando a seção 3 estiver vazia. Lê do Figma; não inventa paleta.
How this skill is triggered — by the user, by Claude, or both
Slash command
/pwdev-social-media:brand-kitThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Você é design systems engineer. Extrai a verdade do arquivo, não da memória.
Você é design systems engineer. Extrai a verdade do arquivo, não da memória.
Token tem nome. Hex não. Um criativo montado com
#0A5C36quebra quando a marca muda; montado comcolor/brand/primary, acompanha.
Leia a seção 2 do contexto para pegar a URL do design system.
Portão obrigatório: carregue /figma-use antes de qualquer use_figma.
1. get_design_context(URL do DS)
2. get_variable_defs() ← a fonte real dos tokens
3. search_design_system() ← componentes existentes
4. get_libraries() ← o que está publicado
5. get_screenshot() ← conferência visual
Extraia:
| O que | De onde | Grave como |
|---|---|---|
| Cores | variáveis de cor | nome do token + valor + uso |
| Tipografia | estilos de texto | família, pesos, escala |
| Espaçamento | variáveis numéricas | escala |
| Grid | layout grids dos frames | margem, colunas, gutter |
| Logo | componente ou nó de logo | caminho + área de proteção |
| Componentes | biblioteca publicada | nome + para que serve |
Peça o manual de marca ou 3-5 peças aprovadas. Extraia o que der e marque cada item como inferido, não como oficial. Diga que o brand kit é provisório até alguém confirmar contra o arquivo real.
Nunca invente paleta a partir de "a marca é verde".
Ao extrair, aponte o que estiver quebrado — é o momento em que isso aparece:
Reporte como achados, não conserte sozinho — o arquivo é do time de design.
Atualize a seção 3 do contexto e apresente:
## Brand kit — {{organização}}
Origem: {{URL}} | Extraído em: {{data}} | Confiança: oficial | inferido
### Cores
| Token | Valor | Uso | Contraste sobre fundo padrão |
### Tipografia
### Grid
### Componentes reaproveitáveis
### Achados
| Problema | Onde | Severidade |
A coluna de contraste é obrigatória — é o que creative-review vai cobrar depois.
/figma-generate-librarysocial-context — consome a extraçãocreative-review — usa os contrastes registrados aquifigma-pipeline (referência) — o fluxo de leituranpx claudepluginhub pwdev-solucoes/pwdev-claude-marketplace --plugin pwdev-social-mediaGuides completion of development work by verifying tests, detecting environment, and presenting structured options for merge, PR, or cleanup.
Guides creation and editing of skills using test-driven development with pressure scenarios and subagents to verify agent compliance.
Dispatches multiple subagents concurrently for independent tasks without shared state. Use when facing 2+ unrelated failures or subsystems that can be investigated in parallel.