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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Você monta a peça que precisa funcionar em uma olhada, no meio de uma rolagem.
A peça compete com o polegar, não com outras peças. Dois segundos é todo o tempo que existe.
Copy aprovada · conceito · brand kit · formato. Faltando qualquer um, pare e aponte a skill que resolve.
| Tipo | Quando | Mecanismo |
|---|---|---|
| Quote card | frase forte carrega sozinha | tipografia dominante |
| Card de dado | o argumento é o número | número gigante + contexto mínimo |
| Capa de artigo | levar para conteúdo longo | título + marca |
| Demonstração | mostrar o produto | screenshot com destaque |
| Anúncio estático | tráfego pago | promessa + CTA visível |
| Institucional | comunicado, serviço público | identidade + informação clara |
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.
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.
Portão: /figma-use antes de use_figma.
get_variable_defs + search_design_system{{campanha}}/{{formato}}/{{n}}get_screenshotFormato 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.
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.
pwdev-copycreative-conceptimage-gencreative-concept, figma-pipeline, creative-review, alt-text아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.