Explore the full catalog
Explore skills, repositories and creators
Search the catalog or browse with filters. Checks are automated signals, not a safety guarantee.
Page 66 · 50 results shown
Skill
tabindex
thedaviddias/Front-End-Checklist · skills/tabindex
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use appropriate tabindex values. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
contact-page
thedaviddias/Front-End-Checklist · skills/contact-page
Use when auditing metadata, crawlability, structured data, or indexability related to Create a comprehensive Contact page. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
file-upload-accessibility
thedaviddias/Front-End-Checklist · skills/file-upload-accessibility
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.
Repository stars: 74,669 · Incomplete scan
Skill
text-resizing
thedaviddias/Front-End-Checklist · skills/text-resizing
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing to 200%. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
accessible-tooltips
thedaviddias/Front-End-Checklist · skills/accessible-tooltips
Use when reviewing templates, rendered HTML, or shared components related to Create accessible tooltips. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
html-xml-lang-mismatch
thedaviddias/Front-End-Checklist · skills/html-xml-lang-mismatch
Use when applies to XHTML documents and polyglot HTML documents that must parse correctly as both HTML5 and XML. For modern HTML5-only documents, only `lang` is needed and `xml:lang` is not required. Check when auditing documents served as application/xhtml+xml or documents that include both attributes.
Repository stars: 74,669 · Incomplete scan
Skill
button-name
thedaviddias/Front-End-Checklist · skills/button-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for buttons. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
responsive-images
thedaviddias/Front-End-Checklist · skills/responsive-images
Use when reviewing article images, cards, galleries, or any component rendered at multiple sizes across breakpoints. Check both the markup and the CSS layout because an incorrect `sizes` attribute can negate a perfectly good `srcset`.
Repository stars: 74,669 · Incomplete scan
Skill
form-https
thedaviddias/Front-End-Checklist · skills/form-https
Use when reviewing HTML forms, fetch/XHR calls, and form action attributes to ensure data is submitted exclusively over HTTPS.
Repository stars: 74,669 · Incomplete scan
Skill
unit-tests
thedaviddias/Front-End-Checklist · skills/unit-tests
Use when reviewing CI coverage, automated checks, or test strategy related to Write unit tests. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
table-headers
thedaviddias/Front-End-Checklist · skills/table-headers
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Define proper table headers. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
w3c-compliant
thedaviddias/Front-End-Checklist · skills/w3c-compliant
Use when reviewing templates, rendered HTML, or shared components related to Validate HTML against W3C standards. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
cross-browser-testing
thedaviddias/Front-End-Checklist · skills/cross-browser-testing
Use when reviewing CI coverage, automated checks, or test strategy related to Test across all major browsers. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
container-queries
thedaviddias/Front-End-Checklist · skills/container-queries
Use when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for component-level responsiveness. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
autoplay-media
thedaviddias/Front-End-Checklist · skills/autoplay-media
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
specificity-management
thedaviddias/Front-End-Checklist · skills/specificity-management
Use when reviewing stylesheets, component styles, and responsive behavior related to Keep CSS specificity low and flat. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
object-alt
thedaviddias/Front-End-Checklist · skills/object-alt
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternative text for objects. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
custom-element-accessibility
thedaviddias/Front-End-Checklist · skills/custom-element-accessibility
Use when reviewing custom element class definitions or Web Component source code to check for missing ARIA reflection, keyboard handling, and form association.
Repository stars: 74,669 · Incomplete scan
Skill
text-in-images
thedaviddias/Front-End-Checklist · skills/text-in-images
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid images of text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
td-headers-attr
thedaviddias/Front-End-Checklist · skills/td-headers-attr
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to headers using IDs. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
viewport
thedaviddias/Front-End-Checklist · skills/viewport
Use when reviewing templates, rendered HTML, or shared components related to Set the responsive viewport meta tag. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
table-duplicate-name
thedaviddias/Front-End-Checklist · skills/table-duplicate-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure tables have unique accessible names. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
stack-trace-exposure
thedaviddias/Front-End-Checklist · skills/stack-trace-exposure
Use when reviewing error handling middleware, API route handlers, or server responses for security-sensitive information disclosure.
Repository stars: 74,669 · Incomplete scan
Skill
image-redundant-alt
thedaviddias/Front-End-Checklist · skills/image-redundant-alt
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid redundant image alternative text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
no-explicit-any
thedaviddias/Front-End-Checklist · skills/no-explicit-any
Use when reviewing TypeScript files for type safety regressions, during code review of functions that handle external data, or when the codebase has ESLint warnings for @typescript-eslint/no-explicit-any.
Repository stars: 74,669 · Incomplete scan
Skill
no-unchecked-indexed-access
thedaviddias/Front-End-Checklist · skills/no-unchecked-indexed-access
Use when auditing tsconfig.json for missing safety flags, reviewing code that uses array index access in data processing pipelines, or investigating runtime undefined errors that TypeScript did not catch.
Repository stars: 74,669 · Incomplete scan
Skill
permissions-policy
thedaviddias/Front-End-Checklist · skills/permissions-policy
Use when reviewing HTTP response headers for defense-in-depth security hardening on any web application.
Repository stars: 74,669 · Incomplete scan
Skill
pagination-accessibility
thedaviddias/Front-End-Checklist · skills/pagination-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make pagination accessible. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
javascript-linter
thedaviddias/Front-End-Checklist · skills/javascript-linter
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.
Repository stars: 74,669 · Incomplete scan
Skill
json-ld-valid
thedaviddias/Front-End-Checklist · skills/json-ld-valid
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.
Repository stars: 74,669 · Incomplete scan
Skill
font-size
thedaviddias/Front-End-Checklist · skills/font-size
Use when applies to all CSS `font-size` declarations, particularly those using `px` units for body text, UI labels, and navigation. Use when auditing mobile responsiveness and accessibility compliance. Check for `font-size` in media queries targeting small screens.
Repository stars: 74,669 · Incomplete scan
Skill
aria-command-name
thedaviddias/Front-End-Checklist · skills/aria-command-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for ARIA command elements. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
fetchpriority-attribute
thedaviddias/Front-End-Checklist · skills/fetchpriority-attribute
Use when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning resource loading order in the critical rendering path.
Repository stars: 74,669 · Incomplete scan
Skill
form-labels
thedaviddias/Front-End-Checklist · skills/form-labels
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Associate labels with form controls. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Skill
geo-meta
thedaviddias/Front-End-Checklist · skills/geo-meta
Use when auditing locally-focused or regionally-targeted pages for geo targeting signals, particularly on sites targeting audiences through Bing or regional search engines. Note that these meta tags have no documented effect on Google's ranking.
Repository stars: 74,669 · Incomplete scan
Skill
decorative-elements
thedaviddias/Front-End-Checklist · skills/decorative-elements
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Hide decorative elements from assistive technology. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. If an image is clearly decorative, default to no finding unless the snippet shows an actual issue such as broken semantics, focusability, or visible layout instability.
Repository stars: 74,669 · Incomplete scan
Skill
x-content-type
thedaviddias/Front-End-Checklist · skills/x-content-type
Use when auditing HTTP response headers on any web server or CDN for security hardening.
Repository stars: 74,669 · Incomplete scan
Skill
frontend-checklist-global
thedaviddias/Front-End-Checklist · plugins/front-end-checklist/skills/frontend-checklist-global
Use when auditing or improving any frontend codebase against the full Front-End Checklist rule corpus through one entry point.
Repository stars: 74,669 · Incomplete scan
Skill
website-search
thedaviddias/Front-End-Checklist · skills/website-search
Use when applies to sites with internal site search functionality. Use when optimizing branded search result appearance or adding structured data for the first time.
Repository stars: 74,669 · Incomplete scan
Skill
llm-parsability
thedaviddias/Front-End-Checklist · skills/llm-parsability
Use when auditing content pages for AI discoverability. Applies to any informational page intended to appear in AI-generated answers, search snippets, or knowledge base extraction.
Repository stars: 74,669 · Incomplete scan
Skill
duplicate-id-active
thedaviddias/Front-End-Checklist · skills/duplicate-id-active
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.
Repository stars: 74,669 · Incomplete scan
Skill
modern-format
thedaviddias/Front-End-Checklist · skills/modern-format
Use when reviewing image assets, markup, and CDN or build transforms related to Use modern image formats (WebP, AVIF). Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
keyword-stuffing
thedaviddias/Front-End-Checklist · skills/keyword-stuffing
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.
Repository stars: 74,669 · Incomplete scan
Skill
lang-attribute
thedaviddias/Front-End-Checklist · skills/lang-attribute
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`.
Repository stars: 74,669 · Incomplete scan
Skill
trust-signals
thedaviddias/Front-End-Checklist · skills/trust-signals
Use when applies especially to e-commerce checkouts, contact/lead forms, pricing pages, and YMYL (Your Money or Your Life) content. Use when auditing E-E-A-T or conversion optimization.
Repository stars: 74,669 · Incomplete scan
Skill
input-image-alt
thedaviddias/Front-End-Checklist · skills/input-image-alt
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.
Repository stars: 74,669 · Incomplete scan
Skill
import-on-interaction
thedaviddias/Front-End-Checklist · skills/import-on-interaction
Use when reviewing slow initial loads caused by optional features. Prioritize code that is expensive to download or execute and not required for the first viewport, first input, or core task completion.
Repository stars: 74,669 · Incomplete scan
Skill
render-blocking
thedaviddias/Front-End-Checklist · skills/render-blocking
Use when auditing slow page loads, heavy assets, or rendering delays related to Eliminate render-blocking resources. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
blocked-links
thedaviddias/Front-End-Checklist · skills/blocked-links
Use when reviewing HTML source and JavaScript for links or resource URLs pointing to domains listed in common adblocker filter lists.
Repository stars: 74,669 · Incomplete scan
Skill
meta-in-body
thedaviddias/Front-End-Checklist · skills/meta-in-body
Use when auditing HTML document structure. Applies to any page where meta tags (noindex, canonical-url, description, viewport, OG tags) may have been injected into the body by CMS plugins, widgets, or JavaScript rendering.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
