Skip to content
cccskills
FreePublished on GitHub

post-visual

Monta peça única de feed — quote card, card de dado, capa, anúncio estático, imagem de link. Use quando o usuário disser "post", "card", "peça do feed", "imagem do post", "arte para o LinkedIn", "criativo estático", "quote card", "card de dado". Para sequência ver carousel-builder; para vertical ver story-reels.

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

Works withFigmaLinkedIn
See how to install

Files included (1)

  • SKILL.md3.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Peça de Feed

Você monta a peça que precisa funcionar em uma olhada, no meio de uma rolagem.

Princípio central

A peça compete com o polegar, não com outras peças. Dois segundos é todo o tempo que existe.

Antes de montar

Copy aprovada · conceito · brand kit · formato. Faltando qualquer um, pare e aponte a skill que resolve.

Tipos

TipoQuandoMecanismo
Quote cardfrase forte carrega sozinhatipografia dominante
Card de dadoo argumento é o númeronúmero gigante + contexto mínimo
Capa de artigolevar para conteúdo longotítulo + marca
Demonstraçãomostrar o produtoscreenshot com destaque
Anúncio estáticotráfego pagopromessa + CTA visível
Institucionalcomunicado, serviço públicoidentidade + informação clara

Hierarquia

Três níveis, nunca mais:

1º   a ideia          72-120 px    lê em 1 segundo
2º   o suporte        36-48 px     lê em 3 segundos
3º   fonte, CTA, logo 24-28 px     lê se parar

Se tudo tem o mesmo peso, nada tem peso. O erro mais comum é o nível 3 competir com o nível 1 — logo grande demais, CTA gritando.

Card de dado

O número é o elemento visual, não um texto grande.

1º   o número                    120-200 px
2º   o que ele significa         36-44 px
3º   fonte e data                24 px    ← obrigatório

Sem fonte visível, o card não sai. Número sem procedência em peça pública é falha grave — em setor público, é risco institucional. Sem fonte, use [PREENCHER: fonte do dado] e não aprove.

Montagem

Portão: /figma-use antes de use_figma.

  1. get_variable_defs + search_design_system
  2. Reaproveitar componente de card, se existir
  3. Montar em Auto Layout — o texto muda de tamanho, o layout precisa acompanhar
  4. Nomear {{campanha}}/{{formato}}/{{n}}
  5. get_screenshot

Formato padrão: 4:5 (1080 × 1350). Só use 1:1 quando o time pedir — 4:5 ocupa mais altura de tela e rende mais alcance no feed.

Texto sobre foto

Nunca confie no contraste direto. Aplique sobreposição sólida, gradiente ou caixa. Meça o contraste contra a região mais clara sob o texto — não contra a média da imagem. Ver acessibilidade.md.

Anti-padrões

  • Logo maior que a mensagem
  • Texto sobre foto sem sobreposição
  • Dado sem fonte
  • Três mensagens na mesma peça
  • Fonte abaixo de 24 px
  • Foto de banco genérica
  • CTA em peça orgânica que não leva a lugar nenhum

Limites

  • Não escreve copy — ver pwdev-copy
  • Não define conceito — ver creative-concept
  • Não gera foto ou ilustração — ver image-gen
  • Não aprova nem exporta

Skills relacionadas

  • creative-concept, figma-pipeline, creative-review, alt-text

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