
from front-end-checklist72,891
Checks for and guides creation of a user-friendly custom 404 page that returns an actual 404 status and offers recovery paths (search, nav, popular links).
This skill explains why and how to create a custom 404 error page for websites. It validates that a site returns a real HTTP 404 for missing pages (avoiding soft-404s), and gives actionable guidance to add search, navigation, and helpful links to retain users who hit broken links.
Use when auditing site templates, server-rendered HTML, or routing behavior to ensure missing pages are handled correctly. Trigger when you find routes that return branded pages with 200 status, when a site lacks a search or clear navigation on error pages, or during a crawl that reports many 404 hits.
references/rule.md and the frontendchecklist rule page.Likely usable by developer-focused agent tooling (Copilot/Codex, Cursor, Claude Code) that can review repos and templates. The guidance is repository- and framework-agnostic.
This skill has not been reviewed by our automated audit pipeline yet.
JavaScript Minification
Checks that production JavaScript is minified and tree-shaken to reduce bundle size and improve page load performance.
Responsive Image Sizing
Checks image assets, markup, and build/CDN transforms to ensure images are served at appropriate display sizes using srcset and sizes to reduce wasted bandwidth
Single Descriptive H1
Checks and enforces a single, descriptive <h1> per page to improve topical clarity and on-page SEO.