Communitygithub.com

thedaviddias/interstitials

Verwenden Sie dies für CSS- und JavaScript-Implementierungen von Modals, Overlays, Pop-ups, Cookie-Bannern, Newsletter-Anmeldedialogen und Werbe-Overlays. Prüfen Sie auf `position: fixed`, `position: absolute` mit großem z-index, Hintergrund-Overlays und JavaScript, das Modals beim Laden der Seite oder kurz danach anzeigt. Berücksichtigen Sie sowohl die SEO-Auswirkungen (Google) als auch die Barrierefreiheit (WCAG-Fokusmanagement).

Was ist interstitials?

Dieses Skill ist darauf spezialisiert, Implementierungen von Interstitial-Elementen wie Modals, Overlays, Pop-ups, Cookie-Banner und Newsletter-Anmeldedialoge in Webprojekten zu analysieren und zu optimieren. Es erkennt CSS-Muster wie `position: fixed`, `position: absolute` mit hohem z-index sowie JavaScript-Code, der solche Elemente beim Seitenladen oder kurz danach einblendet. Der Skill bewertet die Auswirkungen auf die Suchmaschinenoptimierung (SEO) gemäß den Google-Richtlinien und prüft die Einhaltung der Barrierefreiheitsstandards (WCAG), insbesondere das Fokusmanagement. Entwickler können diesen Skill nutzen, um sicherzustellen, dass ihre Interstitial-Implementierungen benutzerfreundlich, zugänglich und suchmaschinenfreundlich sind.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht interstitials?

Verwenden Sie dies für CSS- und JavaScript-Implementierungen von Modals, Overlays, Pop-ups, Cookie-Bannern, Newsletter-Anmeldedialogen und Werbe-Overlays. Prüfen Sie auf position: fixed, position: absolute mit großem z-index, Hintergrund-Overlays und JavaScript, das Modals beim Laden der Seite oder kurz danach anzeigt. Berücksichtigen Sie sowohl die SEO-Auswirkungen (Google) als auch die Barrierefreiheit (WCAG-Fokusmanagement).

Verwandte Skills