MCP App StoreMCP App Store
from front-end-checklist72,891
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
This skill codifies best practices for serving images at the correct display size. It guides an agent or reviewer through auditing image files, markup, and build/CDN pipelines to find oversized images that waste bandwidth, demonstrates how to generate responsive variants, and provides concrete before/after HTML examples. The focus is on measurable performance wins (Lighthouse 'Properly size images' savings) and repeatable fixes across components and templates.
Use this skill during performance reviews, PR code reviews, or site audits when images appear in Lighthouse or field metrics as a top contributor to load size. It's especially useful for sites with large hero images, responsive layouts, or image-heavy content where improper srcset/sizes use causes over-download on mobile.
references/rule.md with implementation tips and framework examplesLikely compatible with general-purpose agents that can run shell commands and inspect repo files (Copilot/Codex/Claude Code/agents that support file-level code review).
Responsive Image Sizing is an instructional skill for auditing and fixing oversized images in web projects. It provides structured Check/Fix/Explain/Code Review sections focused on srcset, sizes attributes, and responsive image delivery. No bundled scripts — purely advisory content. Well-organized SKILL.md with clean frontmatter and progressive disclosure to an external rule reference.
Clean instructional skill with no security concerns. Solid structure but lacks depth since framework-specific guidance is deferred to an unbundled reference file. Would benefit from including key examples inline.
JavaScript Minification
Checks that production JavaScript is minified and tree-shaken to reduce bundle size and improve page load performance.
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).
Run Execute
Orchestrates execution of work items across modes (autopilot, confirm, validate) with scripted init/complete tooling, plan/test/report artifacts and strict gati
GraphQL Inspector — Validate
Validate GraphQL operations against a schema with configurable depth, complexity, alias and directive limits to catch errors before runtime.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Alpha Forge Pre-Ship Quality Gates
Pre-merge quality gates for PRs that validate RNG determinism, forked URLs, runtime parameter ranges, and manifest synchronization to reduce review cycles.
OpenTestAI
Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.
Blender Build-Go (bgo)
Automate build → remove → install → enable → launch cycle for Blender extensions or add-ons to speed up iteration and CI workflows.
Codex Collab
Bridge Claude and Codex to run tasks, perform code reviews, and run background jobs for research or implementation workflows.
Minimal Run & Audit (repro reporting)
Execute a README-first smoke test and produce standardized reproducibility outputs (`repro_outputs/`) and PATCHES.md — trusted reporting for repo reproduction r