Communitygithub.com

thedaviddias/interstitials

Se utiliza para implementaciones CSS y JavaScript de modales, superposiciones, ventanas emergentes, banners de cookies, diálogos de suscripción a boletines y superposiciones promocionales. Verifica propiedades como `position: fixed`, `position: absolute` con un z-index alto, fondos de superposición y JavaScript que muestre modales al cargar la página o poco después. Considera tanto el impacto en SEO (Google) como la accesibilidad (gestión del foco según WCAG).

¿Qué es interstitials?

Este skill está diseñado para revisar y analizar implementaciones de intersticiales (modales, superposiciones, ventanas emergentes, banners de cookies, diálogos de suscripción y superposiciones promocionales) en sitios web. Se enfoca en detectar técnicas CSS y JavaScript comunes, como el uso de `position: fixed` o `position: absolute` con altos valores de z-index, fondos de superposición y la activación de modales al cargar la página o poco después. Además de identificar estos elementos, el skill evalúa dos aspectos críticos: el impacto en el SEO de Google (los intersticiales intrusivos pueden penalizar el ranking) y la accesibilidad según las pautas WCAG (especialmente la gestión del foco para usuarios de lectores de pantalla y navegación por teclado). Es compatible con cualquier agente de IA que trabaje con análisis de frontend web, como Claude Code, y ayuda a garantizar que las implementaciones cumplan con las mejores prácticas de usabilidad, rendimiento y accesibilidad.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitials
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace interstitials?

Se utiliza cuando aplique a implementaciones CSS y JavaScript de modales, superposiciones, ventanas emergentes, banners de cookies, diálogos de suscripción a boletines y superposiciones promocionales. Verifica propiedades como position: fixed, position: absolute con un z-index alto, fondos de superposición y JavaScript que muestre modales al cargar la página o poco después. Considera tanto el impacto en SEO (Google) como la accesibilidad (gestión del foco según WCAG).

Skills relacionados

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