Front-End-Checklist
github.com/thedaviddias/Front-End-Checklist
Skill | Added | Review |
|---|---|---|
leaked-secrets skills/leaked-secrets/SKILL.md Use when reviewing client-side JavaScript, HTML source, or git history for exposed credentials, API keys, or tokens. | 62 62 Impact — No eval scenarios have been run Securityby  High Do not use without reviewing Reviewed: Version: 48405aa | |
lazy-loading skills/lazy-loading/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Implement lazy loading for offscreen content. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. Absence of `loading='lazy'` is not enough by itself when fold position is unknown. | 65 65 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
lazy-above-fold skills/lazy-above-fold/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Disable lazy loading for above-the-fold content. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 65 65 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
largest-contentful-paint skills/largest-contentful-paint/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize largest contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 62 62 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
lang-attribute skills/lang-attribute/SKILL.md Use when applies to all HTML documents. Check the `<html>` opening tag for a `lang` attribute with a non-empty, valid BCP 47 language code. Also check for `lang` attribute changes on individual elements when the document contains content in multiple languages (inline quotes, foreign terms, multilingual sections). The `lang` attribute is inherited — child elements inherit the language from their nearest ancestor with `lang`. | 69 69 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
landmark-regions skills/landmark-regions/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use landmark regions correctly. 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 | |
landmark-one-main skills/landmark-one-main/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use exactly one main landmark. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 56 56 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
label-content-name-mismatch skills/label-content-name-mismatch/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Align visible labels with accessible names. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 58 58 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
keyword-stuffing skills/keyword-stuffing/SKILL.md Use when auditing content pages for over-optimisation, reviewing AI-generated content that may repeat target phrases excessively, or checking meta tags and alt text for unnatural keyword accumulation. | 70 70 Impact — No eval scenarios have been run Securityby Low Low-risk findings worth noting Reviewed: Version: 48405aa | |
keyboard-navigation skills/keyboard-navigation/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Enable keyboard navigation for all elements. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. | 75 75 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
json-safety skills/json-safety/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with 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 | |
json-ld-valid skills/json-ld-valid/SKILL.md Use when generating or auditing any `<script type='application/ld+json'>` blocks, implementing structured data for articles, products, FAQs, breadcrumbs, or local businesses, or investigating why rich results are not appearing in Google Search Console. | 65 65 Impact — No eval scenarios have been run Securityby Low Low-risk findings worth noting Reviewed: Version: 48405aa | |
js-redirects skills/js-redirects/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 50 50 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
js-libraries skills/js-libraries/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 49 49 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
js-file-size skills/js-file-size/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize JavaScript bundle size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | 54 54 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
javascript-minification skills/javascript-minification/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Minify all JavaScript files. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. | 54 54 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
javascript-linter skills/javascript-linter/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Lint JavaScript code. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. | 55 55 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
javascript-inline skills/javascript-inline/SKILL.md Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. 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 | |
invalid-links skills/invalid-links/SKILL.md Use when auditing a page's link elements for crawlability, reviewing JavaScript-heavy SPAs where navigation may not use `<a href>` tags, or checking that dynamically generated links have valid href values. | 62 62 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
interstitials skills/interstitials/SKILL.md 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). | 74 74 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
internal-links skills/internal-links/SKILL.md Use when auditing a site's internal link structure, identifying pages that need more incoming links, generating contextual linking opportunities between related content, or reviewing a CMS template's internal linking patterns. | 64 64 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
interaction-to-next-paint skills/interaction-to-next-paint/SKILL.md Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize interaction to next paint. 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 | |
integration-testing skills/integration-testing/SKILL.md Use when reviewing CI coverage, automated checks, or test strategy related to Write integration tests for key workflows. Focus on whether the rule is continuously verified, not just documented. | 60 60 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
input-types skills/input-types/SKILL.md Use when reviewing templates, rendered HTML, or shared components related to Use semantic input type attributes. Validate the final browser-facing markup, not just the source framework abstraction. | 55 55 Impact — No eval scenarios have been run Securityby Passed No findings from the security scan Reviewed: Version: 48405aa | |
input-image-alt skills/input-image-alt/SKILL.md Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alt text for image buttons. 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 |