Pular para o conteúdo
Skillpedia
Deploy e nuvem (DevOps)48 mil · #4491

vercel-optimize

Ajuda seu agente a encontrar problemas de custo e desempenho em aplicativos Vercel. Ele analisa métricas, configurações e código para dar recomendações.

O que ela faz

Esta ferramenta analisa seu site na Vercel para encontrar problemas que podem estar custando mais dinheiro ou deixando seu site mais lento. Ela verifica métricas, configurações e o código para dar sugestões de melhoria.

Quando usar

  • ✓Quando seu site na Vercel está lento.
  • ✓Se você acha que está gastando muito com a Vercel.
  • ✓Antes de lançar uma grande atualização para verificar possíveis problemas.

Exemplo do que pedir para a IA

“Analise meu site na Vercel para otimizar custos e performance.”

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/vercel-optimize/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/vercel-optimize/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A ferramenta primeiro verifica os dados de uso e performance do seu site na Vercel. Depois, ela analisa o código e as configurações para encontrar onde as melhorias podem ser feitas.

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 vercel-optimize

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/vercel-optimize/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.

Otimização Vercel

Execute uma auditoria de otimização Vercel com foco em observabilidade. Não inspecione arquivos de origem até que signals.json exista e um portão determinístico aponte para uma rota, arquivo ou configuração de projeto.

Doutrina principal: leia references/doctrine.md se alguma regra não estiver clara.

  • Métricas primeiro. As recomendações começam com sinais de produção Vercel, não com grep em todo o repositório.
  • Portões determinísticos. scripts/gate-investigations.mjs decide o que merece investigação.
  • Escopo limitado ao candidato. Leia apenas arquivos nomeados por um candidato ou uma cadeia de importação local da rota.
  • Citações cientes da versão. Use apenas references/docs-library.json; citações inválidas ou incompatíveis com a versão são removidas.
  • Linguagem para o cliente. Leia references/voice.md antes de escrever o texto do relatório ou a saída do chat.

Quando Usar

  • Use esta habilidade quando a tarefa corresponder a esta descrição: Auditar aplicativos Vercel implantados para problemas de custo e desempenho usando métricas, configuração de projeto, varreduras de código e recomendações cientes da versão.

Pré-requisitos

  • Vercel CLI v53+ com vercel metrics, vercel usage, vercel contract e vercel api.
  • Sessão CLI autenticada: vercel login.
  • Diretório de aplicativo vinculado: vercel link. VERCEL_PROJECT_ID pode ajudar a resolver a configuração do projeto, mas vercel metrics ainda requer vinculação de diretório. O link ou ambiente deve incluir o escopo pretendido da organização/equipe/usuário do projeto para que o coletor possa resolver um --scope seguro para a CLI e manter vercel metrics, vercel usage e vercel contract na mesma conta.
  • Node.js 20+.
  • Observability Plus para recomendações baseadas em métricas em nível de rota.

Nunca coloque tokens de autenticação em comandos de shell. Não digite VERCEL_TOKEN=..., --token ... ou Authorization: Bearer ... em comandos que possam ser exibidos no chat.

Suporte a Frameworks

A verificação inicial lê package.json e define expectativas antes da expansão das métricas.

Framework Status Observações
Next.js App Router suportado mapeamento de rota mais forte, scanners, playbooks, citações
Next.js Pages Router suportado escopo para os idiomas do Pages Router quando detectado
SvelteKit suportado mapeamento de rota para arquivos src/routes e scanner SvelteKit
Nuxt suportado mapeamento de rota mais verificações genéricas/de plataforma; menos recomendações específicas do framework
Astro limitado mapeamento de rota mais verificações genéricas; menos recomendações específicas do framework
Hono / Remix / desconhecido bloqueado por padrão continuar apenas se o usuário aceitar uma auditoria limitada apenas de plataforma/código

Se não suportado, pare e pergunte antes de escanear ou definir portões:

This project uses <framework>. Vercel Optimize supports metric-backed code recommendations for Next.js, SvelteKit, and Nuxt. Astro support is limited. For <framework>, I can still run a limited platform/scanner audit, but route-level Vercel metrics may not map back to source files.

Do you want me to continue with the limited audit, or stop here?

Se o usuário continuar, execute a coleta novamente com --continue-unsupported-framework.

Diretório de Execução

Use um diretório de execução novo para cada auditoria. Não reutilize resumos, saídas de subagentes ou relatórios entre execuções.

RUN_DIR="$(mktemp -d -t vercel-optimize-XXXXXX)"

Pipeline

1. Coletar, escanear e mesclar sinais

Execute a partir do diretório de aplicativo vinculado ou passe --cwd onde um script o suporta. Mantenha o stdout JSON separado dos logs stderr. Não combine fluxos.

node scripts/collect-signals.mjs [projectId] > "$RUN_DIR/vercel-signals.json" 2> "$RUN_DIR/collect.stderr"
node -e 'JSON.parse(require("fs").readFileSync(process.argv[1], "utf8"))' "$RUN_DIR/vercel-signals.json"

node scripts/scan-codebase.mjs <repo-root> > "$RUN_DIR/codebase.json"
node scripts/merge-signals.mjs "$RUN_DIR/vercel-signals.json" "$RUN_DIR/codebase.json" --out "$RUN_DIR/signals.json"

Detalhes da coleta, esquemas, IDs de métricas e comportamento de degradação estão em references/data-collection.md. O registro de métricas é lib/queries.mjs; mantenha todas as consultas na janela compartilhada de 14 dias.

…

Perguntas frequentes

Preciso instalar algo?

Sim, você precisa ter o Vercel CLI instalado e configurado com login e link para o seu projeto.

Funciona para qualquer tipo de site na Vercel?

Funciona melhor com Next.js, SvelteKit e Nuxt. Para outros frameworks como Astro, o suporte é limitado. Para projetos não suportados, ela pode fazer uma análise básica.

O que são 'métricas' e 'sinais'?

Métricas são dados sobre como seu site está funcionando (velocidade, erros, etc.). Sinais são informações coletadas pela Vercel que ajudam a identificar esses problemas.

Detalhes

Descrição original do autor

Audit deployed Vercel apps for cost and performance issues using metrics, project config, code scans, and version-aware recommendations.

repo: sickn33/agentic-awesome-skills

Popularidade

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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas