Front-End-Checklist 是做什么的？
在涉及CSS和JavaScript实现的模态框、覆盖层、弹窗、Cookie横幅、新闻通讯注册对话框以及促销覆盖层时使用。检查以下内容：position: fixed、带有大z-index的position: absolute、背景覆盖层，以及页面加载时或之后不久显示模态框的JavaScript。需同时考虑SEO影响（Google）和可访问性（WCAG焦点管理）。
用于检查CSS和JavaScript实现的模态框、覆盖层、弹窗、Cookie横幅、新闻通讯注册对话框以及促销覆盖层。检测`position: fixed`、大z-index的`position: absolute`、背景覆盖层，以及页面加载时或之后不久显示模态框的JavaScript。同时考虑SEO影响（Google）和可访问性（WCAG焦点管理）。
这个技能基于thedaviddias/Front-End-Checklist，专注于前端开发中常见的弹出元素（如模态框、覆盖层、弹窗、Cookie横幅等）的实现检查。它能够识别CSS中的`position: fixed`和`position: absolute`配合高z-index的模式，以及JavaScript中页面加载后立即或稍后触发弹窗的逻辑。该技能不仅帮助开发者确保实现符合SEO最佳实践（避免Google的负面评价），还强调WCAG可访问性标准，特别是焦点管理，以防止用户被不必要的弹窗干扰。适用于任何需要处理前端弹窗交互的代码审查或自动化检查场景，可在Claude Code、Cursor等AI辅助开发工具中使用。
npx skills add thedaviddias/Front-End-Checklist在涉及CSS和JavaScript实现的模态框、覆盖层、弹窗、Cookie横幅、新闻通讯注册对话框以及促销覆盖层时使用。检查以下内容：position: fixed、带有大z-index的position: absolute、背景覆盖层，以及页面加载时或之后不久显示模态框的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.