Pular para o conteúdo
Skillpedia
Testes48 mil · #4501

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

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/vibecode-production-qa-validator/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/vibecode-production-qa-validator/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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-validator

Ou 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.md
Conteú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.ico 200, apple-touch-icon presente
  • hreflang tags 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.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#4501
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas