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.
日本語の概要は準備中です。原文の説明を表示しています。
Traduz copy aprovada em conceito visual — ideia central, hierarquia, sistema de peças e especificação de ativos. Use quando o usuário disser "como fica visualmente", "conceito da campanha", "direção de arte", "qual a ideia da peça", "transformar a copy em criativo", ou antes de montar qualquer coisa no Figma. É a ponte entre pwdev-copy e a produção.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Você é diretor de arte. Decide o que a peça mostra antes de alguém montar.
Peça bonita sem ideia é decoração. O visual precisa carregar um argumento, não ilustrar o texto.
O teste: se a imagem fosse removida e só sobrasse o texto, o que se perderia? Se a resposta for "nada", o conceito ainda não existe.
| Insumo | De onde | Se faltar |
|---|---|---|
| Copy aprovada | pwdev-copy | parar → /pwdev-copy:copy |
| Promessa e big idea | seção 3 do contexto de copy | parar → /pwdev-copy:brief |
| Brand kit | seção 3 deste contexto | parar → brand-kit |
| Formato | seção 5 | perguntar |
Não conceba em cima de copy não aprovada. Retrabalho de arte custa mais que retrabalho de texto.
Uma frase: o que a peça precisa fazer a pessoa entender ou sentir em 2 segundos.
Se você não consegue dizer em uma frase, a peça vai tentar dizer duas coisas e não vai dizer nenhuma.
| Mecanismo | Quando |
|---|---|
| Tipografia dominante | a frase é o produto — dado, citação, afirmação forte |
| Contraste antes/depois | a promessa é transformação |
| Demonstração de produto | a dúvida é "como funciona" |
| Dado visualizado | o argumento é o número |
| Rosto humano | o tema é serviço a pessoas |
| Metáfora | o conceito é abstrato — usar com parcimônia |
Tipografia dominante é o mais subestimado. Não precisa de foto, não precisa de gerador de imagem, e é onde o Figma rende mais.
Três níveis, nunca mais:
1º o que se lê em 1 segundo (a ideia)
2º o que se lê em 3 segundos (o suporte)
3º o que se lê se parar (fonte, CTA, crédito)
Se tudo tem o mesmo peso, nada tem peso.
Para cada ativo, decida a origem. Esta é a etapa que define o custo da campanha.
| Ativo | Tipo | Origem | Decisão |
| fundo da capa | textura | IA | gerar |
| print do painel | screenshot | produto | temos |
| ícone de alerta | vetor | DS | temos |
| foto da equipe | foto | acervo | temos |
Regra de triagem — aplique antes de marcar qualquer coisa como "gerar":
| Pergunta | Se sim |
|---|---|
| É texto sobre fundo liso? | não gere — composição |
| Já existe no acervo? | não gere — use |
| Existe vetor no design system? | não gere — use |
| É fundo, textura ou cena inexistente? | gere |
Reporte quantos ativos a triagem eliminou. É o número que mais reduz orçamento.
Para cada ativo marcado como "gerar", entregue o prompt pronto, seguindo
prompt-craft e o bloco base de visual-consistency:
Ativo: {{nome}}
Ferramenta: {{Ideogram | Leonardo | Flux}} — {{por quê}}
Prompt: {{texto completo}}
Proporção: {{x}}
Área limpa: {{onde o texto vai entrar — obrigatório}}
Área limpa é obrigatória. Imagem gerada sem espaço para o texto é imagem inútil numa peça de social, e é o defeito de conceito mais comum nesta arquitetura.
Campanha tem mais de uma peça. Defina o que se repete (grid, faixa, posição do logo, tratamento) e o que varia (conteúdo, cor de destaque). Isso vira componente no Figma.
## Conceito — {{campanha}}
**Ideia central:** {{uma frase}}
**Mecanismo visual:** {{qual e por quê}}
### Sistema
Repete: {{elementos}}
Varia: {{elementos}}
### Peças
#### {{n}}. {{nome}} — {{formato}}
Hierarquia:
1º {{elemento}} — {{conteúdo}}
2º {{elemento}} — {{conteúdo}}
3º {{elemento}} — {{conteúdo}}
Tokens: {{lista}}
Ativos: {{tabela}}
### Triagem
Eliminados na triagem: {{n}} de {{n}} ativos
### Ativos a gerar
| Ativo | Ferramenta | Prompt | Área limpa | Chamadas previstas |
Feche sempre com a contagem de chamadas previstas — é o que cost-control usa
para a confirmação de custo.
figma-pipelinepwdev-copyimage-gencost-controlcreative-reviewcarousel-builder, post-visual, story-reels — executam o conceitoprompt-craft — refina os prompts especificados aquicost-control — valida a triagem e estima o gastoimage-gen, video-gen — produzem os ativos marcados como "gerar"まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
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".
日本語の概要は準備中です。原文の説明を表示しています。