
from front-end-checklist72,891
Checks that production JavaScript is minified and tree-shaken to reduce bundle size and improve page load performance.
Ensures JavaScript shipped to production is minified and optimized (comments removed, whitespace collapsed, and dead code eliminated) so pages load faster, parse quicker, and use less bandwidth — especially on mobile. Practical guidance for configuring common build tools and verifying results in the browser is included.
Run this when auditing frontend performance, preparing a production build, or reviewing CI/CD build outputs. Trigger on large bundle sizes, slow first contentful paint (FCP), or when migrating frameworks/build tools.
Works well with agents that inspect web projects and build configs (Copilot/Code assistants, static analysis agents, and CI-integrated bots).
Static-only skill (no scripts) that acts as a checklist reminder to minify JavaScript in production. The SKILL.md has proper frontmatter and references external documentation, but the Check/Fix/Explain sections are each just 1-2 vague sentences with no concrete commands or tooling guidance. Not actionable enough to be genuinely useful without significant manual effort.
Part of the front-end-checklist skill family. Well-structured frontmatter but the skill body is essentially a reminder rather than an executable audit step. Would benefit from a script that actually checks for unminified JS or integrates with build tools.
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.
Custom 404 Page
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).