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 65 · 50 results shown
Skill
special-chars
thedaviddias/Front-End-Checklist · skills/special-chars
Use when applies to any site with user-generated slugs, CMS-generated URLs, or content in non-English languages. Use when auditing URLs for crawl errors or canonicalization issues.
Repository stars: 74,669 · Incomplete scan
Skill
label-content-name-mismatch
thedaviddias/Front-End-Checklist · skills/label-content-name-mismatch
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.
Repository stars: 74,669 · Incomplete scan
Skill
css-file-size
thedaviddias/Front-End-Checklist · skills/css-file-size
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
author-byline
thedaviddias/Front-End-Checklist · skills/author-byline
Use when auditing metadata, crawlability, structured data, or indexability related to Display clear author bylines. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
progressive-jpeg
thedaviddias/Front-End-Checklist · skills/progressive-jpeg
Use when reviewing image assets, markup, and CDN or build transforms related to Use progressive JPEG encoding. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
cookie-consent
thedaviddias/Front-End-Checklist · skills/cookie-consent
Use when reviewing a website for GDPR/CCPA compliance, specifically whether cookie consent is obtained before non-essential cookies are set.
Repository stars: 74,669 · Incomplete scan
Skill
length
thedaviddias/Front-End-Checklist · skills/length
Use when generating URL slugs from article titles, auditing URL structures for unnecessary depth or length, or reviewing URL patterns in a CMS or router configuration.
Repository stars: 74,669 · Incomplete scan
Skill
author-info
thedaviddias/Front-End-Checklist · skills/author-info
Use when auditing metadata, crawlability, structured data, or indexability related to Implement comprehensive author markup. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
color-oklch
thedaviddias/Front-End-Checklist · skills/color-oklch
Use when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays.
Repository stars: 74,669 · Incomplete scan
Skill
link-checker
thedaviddias/Front-End-Checklist · skills/link-checker
Use when reviewing templates, rendered HTML, or shared components related to Check for broken links. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
redirect-chain
thedaviddias/Front-End-Checklist · skills/redirect-chain
Use when auditing site redirects after URL migrations, domain changes, or CMS upgrades. Applies to any site that has had multiple rounds of structural changes over time.
Repository stars: 74,669 · Incomplete scan
Skill
og-tags
thedaviddias/Front-End-Checklist · skills/og-tags
Use when auditing a web page's social sharing metadata. Applies to any page users might share on social networks or messaging apps.
Repository stars: 74,669 · Incomplete scan
Skill
immutable-patterns
thedaviddias/Front-End-Checklist · skills/immutable-patterns
Use when reviewing scripts, client components, bundles, or runtime behavior related to Prefer immutable data patterns. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
https-downgrade
thedaviddias/Front-End-Checklist · skills/https-downgrade
Use when auditing a site's internal and external links for protocol consistency, migrating a site from HTTP to HTTPS, or reviewing hardcoded URLs in a codebase that may use `http://` instead of `https://`.
Repository stars: 74,669 · Incomplete scan
Skill
const-let
thedaviddias/Front-End-Checklist · skills/const-let
Use when reviewing scripts, client components, bundles, or runtime behavior related to Prefer const and let over var. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
local-business
thedaviddias/Front-End-Checklist · skills/local-business
Use when auditing a local business website's structured data. Applies to any business that serves customers at a physical location or specific geographic area.
Repository stars: 74,669 · Incomplete scan
Skill
has-selector
thedaviddias/Front-End-Checklist · skills/has-selector
Use when reviewing stylesheets or components that use JavaScript to toggle classes on parent elements based on child state, form input values, or content presence — :has() may replace the JavaScript entirely.
Repository stars: 74,669 · Incomplete scan
Skill
skip-link
thedaviddias/Front-End-Checklist · skills/skip-link
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Implement 'Skip to Content' links. 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
element-hiding
thedaviddias/Front-End-Checklist · skills/element-hiding
Use when reviewing a website for layout and functionality issues caused by adblocker filter rules targeting common ad-related class names and IDs.
Repository stars: 74,669 · Incomplete scan
Skill
image-file-size
thedaviddias/Front-End-Checklist · skills/image-file-size
Use when auditing the image pipeline, static assets in `public/`, CMS-managed media, or image CDN transforms. Separate file-size problems from dimension mismatches so you can tell whether the issue is compression, format choice, or responsive delivery.
Repository stars: 74,669 · Incomplete scan
Skill
webp-format
thedaviddias/Front-End-Checklist · skills/webp-format
Use when reviewing image assets, markup, and CDN or build transforms related to Use WebP format with fallbacks. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
th-has-data-cells
thedaviddias/Front-End-Checklist · skills/th-has-data-cells
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure table headers associate with data cells. 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
css-custom-properties
thedaviddias/Front-End-Checklist · skills/css-custom-properties
Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
interaction-to-next-paint
thedaviddias/Front-End-Checklist · skills/interaction-to-next-paint
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.
Repository stars: 74,669 · Incomplete scan
Skill
aria-allowed-attr
thedaviddias/Front-End-Checklist · skills/aria-allowed-attr
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use only allowed ARIA attributes for each role. 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
pdf-size
thedaviddias/Front-End-Checklist · skills/pdf-size
Use when auditing a site that publishes downloadable PDFs (reports, white papers, legal documents, manuals). Applies to any site where PDFs are linked as indexable content resources.
Repository stars: 74,669 · Incomplete scan
Skill
dependency-audit
thedaviddias/Front-End-Checklist · skills/dependency-audit
Use when reviewing a project's security posture, setting up CI pipelines, or responding to a reported vulnerability in a dependency.
Repository stars: 74,669 · Incomplete scan
Skill
sitemap-domain
thedaviddias/Front-End-Checklist · skills/sitemap-domain
Use when applies to sites that have recently migrated from HTTP to HTTPS, changed domain name, or have www/non-www redirect configurations. Use when sitemap submission reports low coverage.
Repository stars: 74,669 · Incomplete scan
Skill
duplicate-js
thedaviddias/Front-End-Checklist · skills/duplicate-js
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.
Repository stars: 74,669 · Incomplete scan
Skill
landmark-one-main
thedaviddias/Front-End-Checklist · skills/landmark-one-main
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.
Repository stars: 74,669 · Incomplete scan
Skill
alt-text
thedaviddias/Front-End-Checklist · skills/alt-text
Use when reviewing image assets, markup, and CDN or build transforms related to Provide meaningful alt text for images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
performance-budget
thedaviddias/Front-End-Checklist · skills/performance-budget
Use when reviewing CI configuration, bundle analysis workflows, or pull requests that add dependencies and assets. Distinguish bundle-size budgets from runtime budgets such as Lighthouse or Core Web Vitals so teams can enforce both.
Repository stars: 74,669 · Incomplete scan
Skill
favicon
thedaviddias/Front-End-Checklist · skills/favicon
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.
Repository stars: 74,669 · Incomplete scan
Skill
plain-language
thedaviddias/Front-End-Checklist · skills/plain-language
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Write in plain language. 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
physical-address
thedaviddias/Front-End-Checklist · skills/physical-address
Use when auditing local business websites, e-commerce sites, or any site where a physical presence affects trust or local search visibility.
Repository stars: 74,669 · Incomplete scan
Skill
session-cookie-flags
thedaviddias/Front-End-Checklist · skills/session-cookie-flags
Use when reviewing server-side session management, setting up authentication middleware, or auditing cookie configuration in HTTP response headers.
Repository stars: 74,669 · Incomplete scan
Skill
third-party-scripts
thedaviddias/Front-End-Checklist · skills/third-party-scripts
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize third-party script loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
broken-html
thedaviddias/Front-End-Checklist · skills/broken-html
Use when auditing metadata, crawlability, structured data, or indexability related to Fix malformed HTML structure. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
error-monitoring
thedaviddias/Front-End-Checklist · skills/error-monitoring
Use when setting up a new project's production observability stack, reviewing incident response readiness, or investigating why errors are going undetected.
Repository stars: 74,669 · Incomplete scan
Skill
font-loading
thedaviddias/Front-End-Checklist · skills/font-loading
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize web font loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
visual-regression
thedaviddias/Front-End-Checklist · skills/visual-regression
Use when reviewing CI coverage, automated checks, or test strategy related to Use visual regression testing. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
sprite-generation
thedaviddias/Front-End-Checklist · skills/sprite-generation
Use when reviewing image assets, markup, and CDN or build transforms related to Use image sprites where appropriate. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
find-npm-packages
thedaviddias/Front-End-Checklist · skills/find-npm-packages
Use when you need to find the 2-3 most popular and well-maintained npm packages relevant to a frontend checklist rule, validate they meet quality thresholds, and add them to the rule's frontmatter.
Repository stars: 74,669 · Incomplete scan
Skill
duplicate-description
thedaviddias/Front-End-Checklist · skills/duplicate-description
Use when auditing a site's meta tag uniqueness, generating page-specific meta descriptions, or reviewing CMS templates that inject the same description globally.
Repository stars: 74,669 · Incomplete scan
Skill
pagination
thedaviddias/Front-End-Checklist · skills/pagination
Use when auditing paginated content (blog archives, product category pages, search results). Applies to any site with lists or grids of content split across multiple pages.
Repository stars: 74,669 · Incomplete scan
Skill
scheduler-yield
thedaviddias/Front-End-Checklist · skills/scheduler-yield
Use when reviewing JavaScript that performs synchronous loops over large datasets, recursive tree traversals, or bulk DOM updates that may exceed 50 ms on mid-range devices.
Repository stars: 74,669 · Incomplete scan
Skill
autofocus-avoidance
thedaviddias/Front-End-Checklist · skills/autofocus-avoidance
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autofocus on form fields. 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
broken-images
thedaviddias/Front-End-Checklist · skills/broken-images
Use when reviewing image assets, markup, and CDN or build transforms related to Fix broken images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
structured-data
thedaviddias/Front-End-Checklist · skills/structured-data
Use when auditing metadata, crawlability, structured data, or indexability related to Add structured data markup. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
naming-conventions
thedaviddias/Front-End-Checklist · skills/naming-conventions
Use when reviewing stylesheets, component styles, and responsive behavior related to Use consistent CSS naming conventions. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
