Communitygithub.com

thedaviddias/interstitiels

À utiliser pour les implémentations CSS et JavaScript de modales, superpositions, pop-ups, bannières de cookies, dialogues d'inscription à la newsletter et superpositions promotionnelles. Vérifiez la présence de `position: fixed`, `position: absolute` avec un grand z-index, les superpositions d'arrière-plan, et le JavaScript qui affiche des modales au chargement de la page ou peu après. Tenez compte à la fois de l'impact SEO (Google) et de l'accessibilité (gestion du focus WCAG).

Qu'est-ce que interstitiels ?

Cette compétence est conçue pour les développeurs et les agents IA qui travaillent sur des interfaces web impliquant des éléments interstitiels : modales, pop-ups, bannières de cookies, dialogues d'inscription et superpositions promotionnelles. Elle aide à identifier et analyser les implémentations CSS et JavaScript de ces composants, en se concentrant sur les techniques de positionnement (`position: fixed`, `position: absolute` avec un grand z-index), les superpositions d'arrière-plan, et les déclencheurs JavaScript qui affichent ces éléments au chargement ou peu après. La compétence prend en compte deux aspects critiques : l'impact SEO, notamment la façon dont Google traite les interstitiels (pénalités potentielles pour les pop-ups intrusives), et l'accessibilité selon les directives WCAG, en particulier la gestion du focus pour les utilisateurs de technologies d'assistance. Elle est utile pour auditer des sites, améliorer l'expérience utilisateur, et garantir la conformité aux bonnes pratiques du web. Supportée sur les plateformes d'agents IA comme Claude Code, Cursor ou Codex, elle guide l'agent dans l'inspection du code et la formulation de recommandations pertinentes.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitials
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait interstitiels ?

À utiliser pour les implémentations CSS et JavaScript de modales, superpositions, pop-ups, bannières de cookies, dialogues d'inscription à la newsletter et superpositions promotionnelles. Vérifiez la présence de position: fixed, position: absolute avec un grand z-index, les superpositions d'arrière-plan, et le JavaScript qui affiche des modales au chargement de la page ou peu après. Tenez compte à la fois de l'impact SEO (Google) et de l'accessibilité (gestion du focus WCAG).

Skills associés

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community