vibecode-production-qa-validator
Ajuda seu agente a verificar a qualidade de aplicativos web. Ele testa seções importantes como SEO, velocidade e segurança para garantir que tudo funcione bem.
O que ela faz
Este é um verificador automático para sites feitos com Next.js. Ele checa se o site está pronto para ser lançado, verificando desde o código até a aparência e segurança.
Quando usar
- ✓Antes de lançar um site Next.js no ar.
- ✓Após fazer grandes mudanças no site (design, funcionalidades, segurança).
- ✓Quando você quer ter certeza de que tudo está funcionando perfeitamente antes de um lançamento importante.
Exemplo do que pedir para a IA
“Verifique se meu site está pronto para ser lançado.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ele executa uma série de testes em 13 etapas, verificando o código, a construção do site, as rotas, o SEO, a segurança e a performance. Se algo falhar, ele avisa para você corrigir antes de prosseguir.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill vibecode-production-qa-validatorOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/vibecode-production-qa-validator/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Validador de QA de Produção
Execute as fases em ordem. Corrija falhas antes de passar para a próxima.
Quando Usar
- Use antes de enviar ou promover um aplicativo Next.js fullstack para produção.
- Use após grandes alterações de UI, SEO, autenticação, API, banco de dados ou dependências que necessitem de uma verificação concreta de prontidão para lançamento.
- Use quando precisar de uma lista de verificação compacta e orientada por comando para verificações de build, rota, metadados, desempenho, segurança e limpeza.
export PROD_URL="https://yourdomain.com"
export QA_AUTH_HEADER="" # optional: "Bearer eyJ..."
export PAGESPEED_API_KEY="" # optional: for auto PageSpeed API
Executador Consolidado
qa:all() { qa:code && qa:build && qa:routes / /about /contact /privacy /terms /faq /sitemap.xml /robots.txt /api/health && qa:seo && qa:api /api/health /api/tools && qa:git && qa:smoke; }
qa:full() { qa:all && qa:auth && qa:auth:cookies && qa:lazyload && qa:heavyload && qa:vulns && qa:cleanup && qa:ux:cards && qa:ux:boundaries && qa:ux:animation && qa:database && qa:secure; }
Fase 1: Integridade do Código
-
npx tsc --noEmit -
npx eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0 -
npm test -- --runInBand --passWithNoTests
qa:code() { npx tsc --noEmit && npx eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0 && npm test -- --runInBand --passWithNoTests; }
Fase 2: Verificação de Build
-
npm run buildé bem-sucedido - Páginas de SEO mostram
○/●e nãoλ - Log de build não contém erros
qa:build() { local log; log="$(mktemp "${TMPDIR:-/tmp}/qa-build.XXXXXX.log")" || return 1; set -o pipefail; npm run build 2>&1 | tee "$log"; local rc=$?; set +o pipefail; [ "$rc" -eq 0 ] && ! grep -qi "error\|failed" "$log"; local ok=$?; rm -f "$log"; return "$ok"; }
| Símbolo | Significado |
|---|---|
○ |
Estático |
● |
SSG |
λ |
Dinâmico/serverless |
⊕ |
Pré-renderização parcial |
Fase 3: Sessão de API e Autenticação
- Endpoints de autenticação respondem (login, sessão, logout)
- Rotas protegidas retornam 401/403
- Cookie de sessão: HttpOnly + Secure + SameSite
- Cookie não expirado, Path/Domain corretos
- Sem bypass de limitação de taxa
qa:auth() {
local F=0
for ep in /api/auth/login /api/auth/session /api/auth/logout; do
curl -so /dev/null -w "%{http_code}" "$PROD_URL$ep" | grep -q "200\|401" || { echo " ✗ $ep unreachable"; ((F++)); }
done
curl -so /dev/null -w "%{http_code}" "$PROD_URL/api/protected" | grep -q "401\|403" || echo " ⚠ Protected route not denying unauthenticated"
return $F
}
qa:auth:cookies() {
for ep in /api/auth/session /api/auth/login; do
curl -sI "$PROD_URL$ep" | grep -i "^set-cookie:" | while IFS= read -r c; do
echo " $ep: $(echo "$c" | cut -d= -f1)"
echo "$c" | grep -qi "HttpOnly" || echo " ✗ Missing HttpOnly"
echo "$c" | grep -qi "Secure" || echo " ✗ Missing Secure"
echo "$c" | grep -qi "SameSite" || echo " ⚠ Missing SameSite"
done
done
}
Fase 4: Regressão de Rota
- Páginas principais, sitemap, robots.txt todos 200
- URLs usam kebab-case, sem slugs duplicados
- robots.txt permite indexação
- Sitemap XML válido, todas as URLs resolvem 200
qa:routes() { local F=0; for p; do local C=$(curl -so /dev/null -w "%{http_code}" "$PROD_URL$p"); echo "$C $p"; [ "$C" = "200" ] || ((F++)); done; return $F; }
qa:robots() { curl -s "$PROD_URL/robots.txt" | grep -qi "Disallow: /$" && echo " ✗ Blocks all crawlers" || echo " ✓ OK"; }
qa:sitemap() { curl -s "$PROD_URL/sitemap.xml" | python3 -c "import sys,xml.etree.ElementTree as ET; ET.parse(sys.stdin); print('✓ Valid XML')"; }
Fase 5: SEO — Tags, Imagens, Favicon, Slugs
-
<title>30–60 caracteres, único por página -
<meta name="description">no HTML bruto - og:title corresponde a
<title>, og:url corresponde ao canônico - og:image ≥ 1200×630px, URL absoluta, carrega 200
- twitter:card = summary_large_image
- Canônico autorreferenciado, sem duplicatas
-
/favicon.ico200, apple-touch-icon presente -
hreflangtags se multilíngue - Dados estruturados JSON-LD presentes
- Slugs: kebab-case, < 80 caracteres, sem stop words
qa:seo() {
local H=$(curl -s "$PROD_URL"); local F=0
for t in "og:title" "og:description" "og:image" "twitter:card" "canonical" "description"; do echo "$H" | grep -qi "$t" || { echo " ✗ $t"; ((F++)); }; done
echo "$H" | grep -qi "<title>" || { echo " ✗ <title>"; ((F++)); }
…
Perguntas frequentes
O que são 'fases'?
São etapas de verificação. O verificador passa por cada fase em ordem e só avança para a próxima se a atual for aprovada. Se uma fase falhar, você precisa corrigir o problema antes de continuar.
Preciso saber programar para usar?
Não. Você só precisa saber como executar os comandos básicos no terminal, como os exemplos mostrados. O verificador faz o trabalho técnico por você.
Quais tipos de problemas ele encontra?
Ele encontra problemas de código, erros na construção do site, links quebrados, falhas de SEO (como títulos ou descrições faltando), vulnerabilidades de segurança, lentidão e problemas na experiência do usuário.
Detalhes
Descrição original do autor
13-phase production QA for fullstack Next.js apps: build verification, SEO tags, OG images, favicon, route regression, API auth, page speed, lazy load, vulnerability scan, UI/UX cards, error boundaries, database, secure rendering, and cleanup.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #4501
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
cpp-testing
Faz seu agente escrever e melhorar testes para código C++. Ajuda a configurar ferramentas de teste e a corrigir erros.
affaan-m/ECC
csharp-testing
Ajuda seu agente a criar testes para código C# e .NET. Ele usa as melhores práticas para garantir que os testes sejam eficientes e confiáveis.
affaan-m/ECC
django-tdd
Faz seu agente aplicar estratégias de teste para Django com pytest-django e TDD. É útil para escrever testes robustos e garantir a qualidade do código, especialmente para APIs DRF.
affaan-m/ECC