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".
日本語の概要は準備中です。原文の説明を表示しています。