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".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.