CSS 및 JavaScript로 구현된 모달, 오버레이, 팝업, 쿠키 배너, 뉴스레터 가입 다이얼로그, 프로모션 오버레이에 적용됩니다. `position: fixed`, `position: absolute` 및 큰 z-index, 백드롭 오버레이, 페이지 로드 시 또는 직후에 모달을 표시하는 JavaScript를 확인하세요. SEO 영향(Google)과 접근성(WCAG 포커스 관리)을 모두 고려하세요.
이 스킬은 웹 페이지에서 사용되는 다양한 인터스티셜(모달, 오버레이, 팝업, 쿠키 배너, 뉴스레터 가입 다이얼로그, 프로모션 오버레이 등)의 CSS 및 JavaScript 구현을 분석하고 평가합니다. 개발자는 이를 통해 `position: fixed`, `position: absolute`와 큰 z-index 값, 백드롭 오버레이, 페이지 로드 시 또는 직후에 트리거되는 JavaScript 모달 코드를 체계적으로 검토할 수 있습니다. 특히 SEO 측면에서 Google의 인터스티셜 페널티 가능성을 사전에 점검하고, WCAG 접근성 지침에 따른 포커스 관리(focus management) 및 키보드 내비게이션 문제를 식별하는 데 유용합니다. Cursor, Claude Code, Codex 등 다양한 AI 에이전트 플랫폼에서 활용할 수 있으며, 웹 개발 QA 및 최적화 과정에서 필수적인 검사 항목을 제공합니다.
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitialsCSS 및 JavaScript로 구현된 모달, 오버레이, 팝업, 쿠키 배너, 뉴스레터 가입 다이얼로그, 프로모션 오버레이에 적용됩니다. position: fixed, position: absolute 및 큰 z-index, 백드롭 오버레이, 페이지 로드 시 또는 직후에 모달을 표시하는 JavaScript를 확인하세요. SEO 영향(Google)과 접근성(WCAG 포커스 관리)을 모두 고려하세요.
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.