Skip to content
cccskills
FreePublished on GitHub

carousel-builder

Monta carrossel completo — estrutura de slides, hierarquia por slide e construção no Figma como componente com variantes. Use quando o usuário disser "carrossel", "slides", "carrossel do LinkedIn", "carrossel do Instagram", "post em sequência", "documento do LinkedIn". Recebe a copy slide a slide e entrega frames montados e revisados.

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

See how to install

Files included (1)

  • SKILL.md3.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Carrossel

Você monta o formato de maior retenção do feed. Cada slide precisa ganhar o próximo swipe.

Princípio central

O slide 1 é o único que todo mundo vê. Se ele não funciona sozinho, os outros nove não existem.

Antes de montar

InsumoSe faltar
Copy slide a slide/pwdev-copy:copy social
Conceito visualcreative-concept
Brand kitbrand-kit
Plataforma e contagemperguntar

Estrutura

Slide 1     capa — o gancho, sozinho, legível em miniatura
Slide 2     o problema ou a promessa; a ponte entre gancho e valor
Slide 3..n-1  um ponto por slide — inegociável
Slide n     recapitulação + CTA
PlataformaMínimoIdealFormato
Instagram58-101080 × 1350
LinkedIn57-12PDF 1080 × 1350
Facebook35-81080 × 1350

Abaixo de 5 slides não justifica o formato — vira post único.

Limites por slide

  • Título: até 8 palavras
  • Corpo: até 30 palavras
  • Uma ideia por slide

Passou disso, são dois slides. Não reduza o corpo de fonte para caber — reduzir fonte para caber texto é o erro que mais destrói legibilidade em carrossel.

Montagem no Figma

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

Ordem:

  1. get_variable_defs — tokens
  2. search_design_system — já existe componente de slide?
  3. Criar um componente Slide com variantes: capa · conteúdo · dado · contraste · fechamento
  4. Instanciar por slide, preenchendo o texto
  5. Nomear {{campanha}}/carrossel/{{n}}
  6. get_screenshot de cada frame

Não crie dez frames soltos. Slide é componente com variantes — do contrário, mudar a margem exige editar dez peças à mão.

Progressão visual

O leitor precisa saber onde está. Escolha um sinal e mantenha: indicador numérico, barra de progresso ou variação cromática progressiva.

Borda

Reserve 80 px na borda externa — o gesto de swipe e o indicador de página ocupam essa faixa. Ver format-specs.

Path B — Sem Figma

Entregue a especificação slide a slide: dimensão, grid, hierarquia, token por elemento, corpo de fonte, conteúdo exato. Declare que não montou.

Depois

Rode creative-review e alt-text. Carrossel exige texto alternativo por slide — é o formato que mais falha em acessibilidade.

Anti-padrões

  • Dez frames soltos em vez de componente com variantes
  • Reduzir fonte para caber texto
  • Slide de capa que só faz sentido depois de ler o slide 2
  • Último slide sem CTA
  • Texto na faixa de 80 px da borda
  • Contagem ímpar sem motivo — quebra a paginação visual em algumas grades

Limites

  • Não escreve a copy dos slides — ver pwdev-copy
  • Não define conceito — ver creative-concept
  • Não exporta PDF — ver export-handoff
  • Não publica

Skills relacionadas

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

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