Communitygithub.com

thedaviddias/Front-End-Checklist

Use when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for `position: fixed`, `position: absolute` with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).

What is Front-End-Checklist?

Front-End-Checklist is a Claude Code agent skill that use when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for `position: fixed`, `position: absolute` with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).

Works with~Claude Code~Codex CLI~Cursor
npx skills add thedaviddias/Front-End-Checklist

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does Front-End-Checklist do?

Use when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for position: fixed, position: absolute with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Related Skills