Communitygithub.com

thedaviddias/Front-End-Checklist

Überprüft CSS- und JavaScript-Implementierungen von Modalen, Overlays, Pop-ups, Cookie-Bannern und Werbe-Overlays auf SEO-Auswirkungen und Barrierefreiheit.

Was ist Front-End-Checklist?

Diese Skill-Anleitung dient der Überprüfung von Front-End-Implementierungen für Modale, Overlays, Pop-ups, Cookie-Banner und Werbe-Overlays. Sie hilft Entwicklern, potenzielle SEO-Probleme (Google) und Barrierefreiheitsmängel (WCAG-Fokusmanagement) zu identifizieren. Der Fokus liegt auf CSS-Eigenschaften wie `position: fixed`, `position: absolute` mit hohen z-index-Werten, sowie JavaScript, das Modale beim Seitenaufruf oder kurz danach anzeigt. Die Anleitung ist plattformunabhängig und kann in verschiedenen KI-Agenten-Workflows (z. B. Claude Code, Cursor, Codex) integriert werden, um eine konsistente Qualitätssicherung bei der Implementierung von Overlays zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add thedaviddias/Front-End-Checklist
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht Front-End-Checklist?

Verwenden Sie dies, wenn CSS- und JavaScript-Implementierungen von Modalen, Overlays, Pop-ups, Cookie-Bannern, Newsletter-Anmeldedialogen und Werbe-Overlays betroffen sind. Überprüfen Sie auf position: fixed, position: absolute mit großem z-index, Hintergrund-Overlays und JavaScript, das Modale beim Seitenaufruf oder kurz danach anzeigt. Berücksichtigen Sie sowohl die SEO-Auswirkungen (Google) als auch die Barrierefreiheit (WCAG-Fokusmanagement).

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

thedaviddias/interstitials

Use when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for `position: fixed`, `position: absolute` with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).

Verwandte Skills

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