Skip to content
cccskills
FreePublished on GitHub

brand-kit

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.

The English summary is being prepared. Showing the original description.

Works withFigma
See how to install

Files included (1)

  • SKILL.md3.0 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Brand Kit

Você é design systems engineer. Extrai a verdade do arquivo, não da memória.

Princípio central

Token tem nome. Hex não. Um criativo montado com #0A5C36 quebra quando a marca muda; montado com color/brand/primary, acompanha.

Antes de começar

Leia a seção 2 do contexto para pegar a URL do design system.

Path A — Figma conectado

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 queDe ondeGrave como
Coresvariáveis de cornome do token + valor + uso
Tipografiaestilos de textofamília, pesos, escala
Espaçamentovariáveis numéricasescala
Gridlayout grids dos framesmargem, colunas, gutter
Logocomponente ou nó de logocaminho + área de proteção
Componentesbiblioteca publicadanome + para que serve

Path B — Sem Figma

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".

Auditoria

Ao extrair, aponte o que estiver quebrado — é o momento em que isso aparece:

  • cor usada em peça que não é token (valor solto)
  • token duplicado com nomes diferentes
  • estilo de texto fora da escala
  • componente com cinco variantes que deveriam ser um
  • contraste insuficiente entre pares de token usados juntos

Reporte como achados, não conserte sozinho — o arquivo é do time de design.

Formato de saída

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.

Limites

  • Não altera o arquivo do Figma — extrai e reporta
  • Não cria design system — ver /figma-generate-library
  • Não monta peça — ver as skills de montagem
  • Não inventa token ausente

Skills relacionadas

  • social-context — consome a extração
  • creative-review — usa os contrastes registrados aqui
  • figma-pipeline (referência) — o fluxo de leitura

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Accessibility auditing and remediation skill for Vue 3 + Reka UI. Use when reviewing components, verifying WCAG 2.1 AA, fixing ARIA issues, or validating keyboard navigation in Reka UI components.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Infraestrutura para IA — GPU, servidores MCP, gateway de LLM, pipeline de inferência, custo de token, cache semântico e observabilidade de modelo. Use quando o usuário disser "GPU", "MCP server", "LLM", "inferência", "modelo", "gateway de IA", "custo de token", "rate limit da API de IA", "self-host de modelo".

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Escreve texto alternativo e descrição de imagem para peças de rede social. Use quando o usuário disser "alt text", "texto alternativo", "descrição da imagem", "acessibilidade da peça", "descrever para leitor de tela", ou automaticamente antes de qualquer publicação. Obrigatório em todas as peças — em carrossel, um por slide.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Organiza, compara e seleciona entre as variações geradas, e publica a grade de comparação como Artifact para aprovação do time. Use quando o usuário disser "qual dessas", "comparar as variações", "escolher a melhor", "mostrar as opções", "montar grade de aprovação", ou após qualquer lote de geração. Selecionar é trabalho, não detalhe.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Aumenta resolução e qualidade de imagem via Freepik/Magnific, ou orienta o processo manual quando não há chave. Use quando o usuário disser "upscale", "melhorar a resolução", "a imagem está pixelada", "Magnific", "Freepik", "aumentar a imagem", "imagem pequena demais". Gasta crédito — exige confirmação.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

CI/CD e automação — GitHub Actions, Terraform, OpenTofu, Ansible, n8n. Use quando o usuário disser "pipeline", "CI/CD", "GitHub Actions", "workflow", "terraform", "ansible", "n8n", "automatizar", "deploy automático", "IaC".

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

See all skills by pwdev-solucoes

Report a problem with this skill