Use quando aplicável a implementações CSS e JavaScript de modais, sobreposições, pop-ups, banners de cookies, diálogos de inscrição em newsletter e sobreposições promocionais. Verifique `position: fixed`, `position: absolute` com z-index alto, sobreposições de plano de fundo e JavaScript que exibe modais no carregamento da página ou logo após. Considere tanto o impacto em SEO (Google) quanto a acessibilidade (gerenciamento de foco WCAG).
Este skill é um checklist especializado para desenvolvedores front-end que precisam auditar e implementar modais, pop-ups e sobreposições de forma correta e otimizada. Ele ajuda a identificar padrões problemáticos como elementos com `position: fixed` e `position: absolute` com altos valores de z-index, que podem prejudicar a experiência do usuário e a acessibilidade. Além disso, orienta a considerar o impacto no SEO (especialmente para mecanismos como o Google) e seguir as diretrizes WCAG para gerenciamento de foco em elementos interativos. Suportado por diversas plataformas de agentes de IA, como Claude Code, Cursor e Codex, ele se baseia no conteúdo do repositório thedaviddias/Front-End-Checklist para gerar verificações práticas e recomendações de boas práticas.
npx skills add thedaviddias/Front-End-ChecklistUse quando aplicável a implementações CSS e JavaScript de modais, sobreposições, pop-ups, banners de cookies, diálogos de inscrição em newsletter e sobreposições promocionais. Verifique position: fixed, position: absolute com z-index alto, sobreposições de plano de fundo e JavaScript que exibe modais no carregamento da página ou logo após. Considere tanto o impacto em SEO (Google) quanto a acessibilidade (gerenciamento de foco 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.