Communitygithub.com

thedaviddias/interstitials

Use quando aplicável a implementações CSS e JavaScript de modais, sobreposições, pop-ups, banners de cookies, diálogos de inscrição em newsletters e sobreposições promocionais. Verifique por `position: fixed`, `position: absolute` com grande z-index, sobreposições de fundo e JavaScript que exibe modais ao carregar a página ou logo após. Considere tanto o impacto em SEO (Google) quanto a acessibilidade (gerenciamento de foco WCAG).

O que é interstitials?

Esta skill é especializada na detecção e análise de intersticiais — elementos de interface como modais, sobreposições, pop-ups, banners de cookies e diálogos promocionais — implementados com CSS e JavaScript. Ela é útil para desenvolvedores e auditores que precisam garantir que tais componentes não prejudiquem a experiência do usuário, o ranqueamento em buscadores (especialmente Google) ou a acessibilidade (conforme as diretrizes WCAG). A skill foca em padrões técnicos como `position: fixed`, `position: absolute` com alto z-index e sobreposições de fundo (backdrop), bem como scripts que disparam modais assim que a página carrega. Ela suporta plataformas de agentes de IA como Claude Code, Cursor e Codex, integrando-se a fluxos de revisão de código e auditoria automatizada. Ao detectar esses padrões, a skill alerta sobre possíveis problemas de SEO (como penalidades do Google para intersticiais intrusivos) e falhas de acessibilidade (como falta de gerenciamento de foco em modais).

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitials

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que interstitials faz?

Use quando aplicável a implementações CSS e JavaScript de modais, sobreposições, pop-ups, banners de cookies, diálogos de inscrição em newsletters e sobreposições promocionais. Verifique por position: fixed, position: absolute com grande z-index, sobreposições de fundo e JavaScript que exibe modais ao carregar a página ou logo após. Considere tanto o impacto em SEO (Google) quanto a acessibilidade (gerenciamento de foco WCAG).

Habilidades Relacionadas