interstitials 是做什麼的?
適用於CSS和JavaScript實現的模態框、覆蓋層、彈出視窗、Cookie橫幅、新聞通訊訂閱對話框以及促銷覆蓋層。檢查position: fixed、position: absolute搭配高z-index、背景覆蓋層,以及在頁面載入時或之後立即顯示模態框的JavaScript。需考慮SEO影響(Google)和無障礙性(WCAG焦點管理)。
適用於CSS和JavaScript實現的模態框、覆蓋層、彈出視窗、Cookie橫幅、新聞通訊訂閱對話框以及促銷覆蓋層。檢查`position: fixed`、`position: absolute`搭配高z-index、背景覆蓋層,以及在頁面載入時或之後立即顯示模態框的JavaScript。需考慮SEO影響(Google)和無障礙性(WCAG焦點管理)。
這個技能專注於分析和處理網頁上的插頁式廣告(interstitials),包括模態框、覆蓋層、彈出視窗、Cookie同意橫幅、新聞通訊訂閱對話框以及促銷覆蓋層等。它會檢查CSS屬性如`position: fixed`、`position: absolute`與高`z-index`值,以及背景覆蓋層(backdrop overlays)的實作方式。同時,它會偵測在頁面載入時或之後立即透過JavaScript顯示模態框的行為。此技能特別考慮兩個關鍵面向:對Google搜尋引擎的SEO影響(例如避免遮蔽內容或干擾使用者體驗),以及無障礙性(WCAG)規範,特別是焦點管理(focus management)問題,確保鍵盤和螢幕閱讀器使用者能正確操作。它適用於Claude Code、Cursor、Codex等AI代理工具,幫助開發者識別並優化插頁式廣告的實作。
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitials適用於CSS和JavaScript實現的模態框、覆蓋層、彈出視窗、Cookie橫幅、新聞通訊訂閱對話框以及促銷覆蓋層。檢查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.