Verificar o deslocamento inesperado do layout Skill (SKILL.md)
- páginas com banners ou barras de aviso tardios
- imagens e incorporações sem espaço reservado
- fontes que trocam tarde e mudam o tamanho do texto
- O que este skill faz?
- Verifica páginas em busca de elementos que aparecem tarde ou mudam de tamanho e empurram o conteúdo visível, e propõe espaço reservado e uma ordem de carregamento mais calma.
- O que você fornece?
- Código, um diff, logs ou uma mensagem de erro.
- O que você recebe?
- elementos que se deslocam
- causas prováveis
- correção por elemento
- Funciona em
- Claude, ChatGPT, Gemini, Microsoft 365 Copilot, Cursor e outros assistentes
Instruções do skill
É assim que a IA trabalha com este skill. Copie ou adicione como arquivo ao seu assistente.
- Leia a estrutura da página e as notas de deslocamento como material.
- Marque os elementos que aparecem tarde ou mudam de tamanho.
- Verifique imagens, incorporações, banners e trocas de fonte.
- Proponha espaço reservado ou um carregamento posterior mais calmo.
- Descreva como verificar a página de novo depois da correção.
Ver o texto completo
--- name: layout-shift-check description: "Lê a estrutura da página, capturas ou medições de deslocamento. Útil antes de um lançamento ou quando as pessoas relatam que a página salta ao carregar." license: "Uso livre, inclusive no trabalho; não publicar como coleção própria. Termos de uso do AI Compare Ninja." --- # Verificar o deslocamento inesperado do layout Em cada deslocamento pergunte-se: qual elemento apareceu ou mudou de tamanho, e havia espaço reservado para ele? ## Passos 1. Leia a estrutura da página e as notas de deslocamento como material. 2. Marque os elementos que aparecem tarde ou mudam de tamanho. 3. Verifique imagens, incorporações, banners e trocas de fonte. 4. Proponha espaço reservado ou um carregamento posterior mais calmo. 5. Descreva como verificar a página de novo depois da correção. ## Resultado - elementos que se deslocam - causas prováveis - correção por elemento ## Regras - Não altera sozinho a página no ar. - Não usa dados pessoais de sessão. - Não invente fatos, números, nomes, datas ou compromissos. Se faltar algo, escreva [falta: …] ou pergunte. - Responda no idioma de quem está usando, salvo pedido diferente. - Repita apenas os dados pessoais que a tarefa exigir. - Você entrega um rascunho. A decisão e o envio ficam com a pessoa. Uso: livre, inclusive no trabalho · não publicar como coleção própria · Fonte: AI Compare Ninja
Como arquivo: Baixar (ZIP)
Instalar no Claude
- No Claude, abra Settings e ative “Code execution and file creation” em “Capabilities”.
- Vá em “Customize” › “Skills”.
- Clique em “+”, depois em “Create skill” e “Upload a skill”.
- Escolha o ZIP baixado. A skill aparece na sua lista, onde você pode ativá-la e desativá-la.
O ZIP contém a pasta “layout-shift-check” com o arquivo SKILL.md, exatamente como o Claude espera. Não descompacte; envie o arquivo como está.
Claude Code: descompacte o arquivo em ~/.claude/skills/ (para você) ou em .claude/skills/ no seu projeto.
Passos conforme a ajuda da Anthropic, outubro de 2026. Os nomes de menu são da interface em inglês e podem mudar em outros idiomas ou após atualizações. Em contas Team e Enterprise, a administração precisa liberar as skills. Fontes: https://support.claude.com/en/articles/12512180-use-skills-in-claude · https://claude.com/docs/skills/how-to
Usar no ChatGPT, Gemini e Copilot
ChatGPT: em workspaces Business, Enterprise e Edu, você envia o arquivo como skill se a administração permitir. App Gemini: skills podem ser enviadas como SKILL.md ou ZIP. Microsoft 365 Copilot: envie como skill própria no Cowork. Codex, GitHub Copilot e Cursor leem skills da pasta do projeto .agents/skills/. Em qualquer outro lugar, cole o texto como instruções em um projeto do ChatGPT ou do Claude ou no início de um chat.
Segundo as páginas de ajuda dos fabricantes, outubro de 2026. A disponibilidade depende do plano, da administração, da idade e da região. Fontes: https://help.openai.com/en/articles/20001066-skills-in-chatgpt · https://support.google.com/gemini/answer/17094296 · https://learn.microsoft.com/en-us/microsoft-365/copilot/cowork/cowork-customize · https://developers.openai.com/codex/skills · https://code.visualstudio.com/docs/copilot/customization/agent-skills · https://cursor.com/docs/context/skills
Uso, segurança e avisos
Só texto, revisado por nós. Esta skill não contém scripts, links nem chamadas a outros serviços. Ela pede à IA que não invente nada e deixe a decisão final com você.
Resultados de IA podem estar errados ou incompletos. Confira antes de usar ou enviar. Não é consultoria jurídica, tributária, financeira ou médica. Sem garantia.
Não insira senhas, dados de saúde, bancários ou de documentos, nem dados pessoais de outras pessoas em ferramentas de IA. O que você digita é tratado por cada fornecedor conforme os próprios termos.
Você pode usar e adaptar nossas skills livremente, inclusive no trabalho. Não as publique como coleção própria. Não damos garantia sobre resultados de IA; confira-os você mesmo. Termos de uso