Front-End-Checklist
github.com/thedaviddias/Front-End-Checklist
Skill | Added | Review |
|---|---|---|
filename-quality skills/filename-quality/SKILL.md Use when reviewing image assets, markup, and CDN or build transforms related to Use descriptive image filenames. Check encoded size, rendered size, loading strategy, and above-the-fold impact together. | 55 55 Impact — No eval scenarios have been run Securityby  Passed No findings from the security scan Reviewed: Version: 48405aa | |
file-upload-accessibility skills/file-upload-accessibility/SKILL.md Use when reviewing templates, rendered HTML, or shared components related to Make file uploads accessible. Validate the final browser-facing markup, not just the source framework abstraction. | 60 60 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
figure-figcaption skills/figure-figcaption/SKILL.md Use when reviewing image assets, markup, and CDN or build transforms related to Use <figure> and <figcaption> for image captions. Check encoded size, rendered size, loading strategy, and above-the-fold impact together. | 59 59 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
fetchpriority-attribute skills/fetchpriority-attribute/SKILL.md Use when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning resource loading order in the critical rendering path. | 60 60 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
favicons skills/favicons/SKILL.md Use when reviewing templates, rendered HTML, or shared components related to Implement favicons for all devices. Validate the final browser-facing markup, not just the source framework abstraction. | 66 66 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
favicon skills/favicon/SKILL.md Use when checking whether a site has a correctly configured favicon, auditing `<link rel='icon'>` tags in the `<head>`, or setting up favicon infrastructure for a new project. | 69 69 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
faq skills/faq/SKILL.md Use when adding FAQ sections to landing pages or blog posts, generating FAQPage JSON-LD from existing Q&A content, or validating that structured data on pages with FAQ sections is syntactically and semantically correct. | 74 74 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
external-links skills/external-links/SKILL.md Use when auditing content pages for citation quality, suggesting authoritative sources to link for factual claims, or reviewing whether a page's external link attributes (nofollow, noopener) are correctly set. | 70 70 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
event-delegation skills/event-delegation/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Use event delegation for dynamic content. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. | 49 49 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
es-modules skills/es-modules/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Use ES modules (import/export). Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. | 63 63 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
error-monitoring skills/error-monitoring/SKILL.md Use when setting up a new project's production observability stack, reviewing incident response readiness, or investigating why errors are going undetected. | 54 54 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
error-images skills/error-images/SKILL.md Use when reviewing image assets, markup, and CDN or build transforms related to Handle image loading errors gracefully. Check encoded size, rendered size, loading strategy, and above-the-fold impact together. | 67 67 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
error-handling skills/error-handling/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Implement proper error handling. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. | 58 58 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
empty-links skills/empty-links/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken links. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 67 67 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
empty-heading skills/empty-heading/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure headings contain text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 62 62 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
embedded-or-inline-css skills/embedded-or-inline-css/SKILL.md Use when reviewing stylesheets, component styles, and responsive behavior related to Avoid embedded and inline CSS. Check the rendered layout across breakpoints and interaction states before proposing a fix. | 55 55 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
element-hiding skills/element-hiding/SKILL.md Use when reviewing a website for layout and functionality issues caused by adblocker filter rules targeting common ad-related class names and IDs. | 57 57 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
editorial-policy skills/editorial-policy/SKILL.md Use when auditing a blog, news site, or YMYL content site for trust signals, drafting editorial policy page content, or evaluating whether a site meets Google's quality rater trustworthiness criteria. | 70 70 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
e2e-testing skills/e2e-testing/SKILL.md Use when reviewing CI coverage, automated checks, or test strategy related to Implement end-to-end testing. Focus on whether the rule is continuously verified, not just documented. | 55 55 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
duplicate-js skills/duplicate-js/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 63 63 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
duplicate-id-aria skills/duplicate-id-aria/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for ARIA references. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 63 63 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
duplicate-id-active skills/duplicate-id-active/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for active elements. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 72 72 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
duplicate-description skills/duplicate-description/SKILL.md Use when auditing a site's meta tag uniqueness, generating page-specific meta descriptions, or reviewing CMS templates that inject the same description globally. | 65 65 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
draggable-accessibility skills/draggable-accessibility/SKILL.md Use when reviewing templates, rendered HTML, or shared components related to Make drag and drop accessible. Validate the final browser-facing markup, not just the source framework abstraction. | 57 57 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
dom-size skills/dom-size/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Reduce DOM size and complexity. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 67 67 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa |