CSSおよびJavaScriptによるモーダル、オーバーレイ、ポップアップ、Cookieバナー、ニュースレター登録ダイアログ、プロモーションオーバーレイの実装に適用します。`position: fixed`、`position: absolute`（高いz-index付き）、背景オーバーレイ、ページロード時またはその直後にモーダルを表示するJavaScriptの有無をチェックします。SEOへの影響（Google）とアクセシビリティ（WCAGフォーカス管理）の両方を考慮します。
このスキルは、Webページ上のモーダル、オーバーレイ、ポップアップ、Cookieバナー、ニュースレター登録ダイアログ、プロモーションオーバーレイといったUIコンポーネントの実装を評価・検証するためのフロントエンドチェックリストです。`position: fixed`や`position: absolute`と高いz-indexの使用、背景オーバーレイの有無、ページロード時または直後にJavaScriptでモーダルを表示する実装パターンを確認します。主にCSSとJavaScriptの実装を対象とし、GoogleのSEOガイドラインに基づく検索エンジンへの影響と、WCAG（Web Content Accessibility Guidelines）に準拠したフォーカス管理の観点からアクセシビリティの問題をチェックします。開発者はこのチェックリストを使用することで、ユーザー体験を損なうことなく、SEOとアクセシビリティの両方に配慮したモーダル実装を実現できます。対応プラットフォームは特に限定されませんが、一般的なフロントエンドプロジェクトに適用可能です。
npx skills add thedaviddias/Front-End-ChecklistCSSおよびJavaScriptによるモーダル、オーバーレイ、ポップアップ、Cookieバナー、ニュースレター登録ダイアログ、プロモーションオーバーレイの実装に適用します。position: fixed、position: absolute（高いz-index付き）、背景オーバーレイ、ページロード時またはその直後にモーダルを表示するJavaScriptの有無をチェックします。SEOへの影響（Google）とアクセシビリティ（WCAGフォーカス管理）の両方を考慮します。
This repo contains 1 individual skill — each has its own dedicated page.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
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.
Obra superpowers agent skills.
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...
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.