SEO para Frontend (Portátil, Baseado em Builder)

Guia Detalhado

Leia o guia detalhado antes de executar esta skill. Ele contém o procedimento completo e material de referência. Considere seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para um trabalho focado, carregue as seções relevantes; para um trabalho de ponta a ponta, leia o guia completamente.

Quando Usar

Use esta skill quando precisar de um sistema de SEO portátil e agnóstico de framework para qualquer frontend React ou React Native-for-web. Centraliza metadados do site em um único módulo de constantes, deriva URLs canônicas de uma única base, constrói metadados por rota (título, descrição, canônica, Open Graph, cartões Twitter/X), gera...

Skill portátil — legível por Claude Code, OpenCode, Codex, Cursor, Windsurf e outros. Esta skill descreve um sistema de SEO — um conjunto de funções builder puras mais um adaptador de framework leve — não uma biblioteca de componentes ou um estilo visual. Ela se integra com a skill frontend-architecture: o sistema de SEO reside em um único módulo de serviço (services/seo/) e é consumido através de um único barrel.

O objetivo: cada rota envia metadados corretos, consistentes e legíveis por máquina sem que ninguém copie e cole tags <meta>. A identidade do site vive em um módulo de constantes, as URLs são sempre absolutas e canônicas, e os motores de busca recebem um sitemap, regras de robots, um feed RSS e JSON-LD tipado derivados do mesmo conteúdo que o aplicativo já renderiza.

Limitações

• Use esta skill apenas quando a tarefa corresponder claramente à sua fonte original e ao contexto do projeto local.
• Verifique comandos, código gerado, dependências, credenciais e comportamento de serviços externos antes de aplicar alterações.
• Não trate exemplos como substitutos para testes específicos do ambiente, revisão de segurança ou aprovação do usuário para ações destrutivas ou custosas.