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 71 · 50 results shown
Skill
title-unique
thedaviddias/Front-End-Checklist · skills/title-unique
Use when applies to all HTML pages. Use when auditing a site crawl report or investigating why multiple pages compete for the same keyword in search results.
Repository stars: 74,669 · Incomplete scan
Skill
hyphens
thedaviddias/Front-End-Checklist · skills/hyphens
Use when auditing URL structures for word separator format, generating slugs from titles, or planning a URL migration from underscores or spaces to hyphens with appropriate redirects.
Repository stars: 74,669 · Incomplete scan
Skill
social-profiles
thedaviddias/Front-End-Checklist · skills/social-profiles
Use when applies to business websites, personal brand sites, and publisher sites. Use when setting up Organization schema or auditing E-E-A-T signals for sites in competitive or YMYL categories.
Repository stars: 74,669 · Incomplete scan
Skill
new-tab
thedaviddias/Front-End-Checklist · skills/new-tab
Use when reviewing HTML or JSX for anchor elements with target='_blank' to verify rel='noopener noreferrer' is present.
Repository stars: 74,669 · Incomplete scan
Skill
error-images
thedaviddias/Front-End-Checklist · skills/error-images
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.
Repository stars: 74,669 · Incomplete scan
Skill
weak-internal-links
thedaviddias/Front-End-Checklist · skills/weak-internal-links
Use when applies to any site with more than 20 pages. Use when auditing site architecture, investigating why certain pages underperform in search, or after a site migration.
Repository stars: 74,669 · Incomplete scan
Skill
aria-toggle-field-name
thedaviddias/Front-End-Checklist · skills/aria-toggle-field-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for toggle 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
form-captcha
thedaviddias/Front-End-Checklist · skills/form-captcha
Use when reviewing public HTML forms (no authentication required to reach them) for bot and abuse protection mechanisms.
Repository stars: 74,669 · Incomplete scan
Skill
image-cdn
thedaviddias/Front-End-Checklist · skills/image-cdn
Use when reviewing image assets, markup, and CDN or build transforms related to Serve images from a CDN. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
legacy-js
thedaviddias/Front-End-Checklist · skills/legacy-js
Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid serving legacy JavaScript to modern browsers. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
orientation
thedaviddias/Front-End-Checklist · skills/orientation
Use when reviewing mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces. Check rendered behavior in both portrait and landscape and separate genuine layout constraints from unnecessary orientation assumptions.
Repository stars: 74,669 · Incomplete scan
Skill
input-types
thedaviddias/Front-End-Checklist · skills/input-types
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.
Repository stars: 74,669 · Incomplete scan
Skill
password-field-security
thedaviddias/Front-End-Checklist · skills/password-field-security
Use when reviewing headers, forms, cookies, or third-party integrations related to Secure password input fields. Validate the effective browser and HTTP behavior in a production-like environment.
Repository stars: 74,669 · Incomplete scan
Skill
accesskeys
thedaviddias/Front-End-Checklist · skills/accesskeys
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure accesskey values are unique. 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
text-expansion
thedaviddias/Front-End-Checklist · skills/text-expansion
Use when reviewing CSS for fixed dimensions, truncation, or overflow rules on elements that render translatable strings.
Repository stars: 74,669 · Incomplete scan
Skill
webfont-format
thedaviddias/Front-End-Checklist · skills/webfont-format
Use when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
aria-hidden-focus
thedaviddias/Front-End-Checklist · skills/aria-hidden-focus
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Remove focusable elements from aria-hidden containers. 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
breadcrumb-navigation
thedaviddias/Front-End-Checklist · skills/breadcrumb-navigation
Use when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigation. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
lowercase
thedaviddias/Front-End-Checklist · skills/lowercase
Use when auditing URL structure or configuring a new site's routing. Applies to any server or framework that allows case-insensitive file systems (Linux servers are case-sensitive by default).
Repository stars: 74,669 · Incomplete scan
Skill
sitemap-4xx
thedaviddias/Front-End-Checklist · skills/sitemap-4xx
Use when applies to any site with a dynamically generated or manually maintained XML sitemap. Use when investigating crawl errors or after a site migration that removed pages.
Repository stars: 74,669 · Incomplete scan
Skill
mixed-content
thedaviddias/Front-End-Checklist · skills/mixed-content
Use when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTTP.
Repository stars: 74,669 · Incomplete scan
Skill
product
thedaviddias/Front-End-Checklist · skills/product
Use when auditing e-commerce product pages or implementing structured data for a shop. Applies to any page selling or describing a specific product.
Repository stars: 74,669 · Incomplete scan
Skill
optimized
thedaviddias/Front-End-Checklist · skills/optimized
Use when reviewing image assets, markup, and CDN or build transforms related to Optimise images for faster loading. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
mime-type
thedaviddias/Front-End-Checklist · skills/mime-type
Use when auditing server configuration or diagnosing broken resources. Applies to any web server serving HTML, CSS, JS, images, fonts, or other static assets.
Repository stars: 74,669 · Incomplete scan
Skill
dead-end-pages
thedaviddias/Front-End-Checklist · skills/dead-end-pages
Use when auditing a site's internal link graph for dead-end pages, suggesting related-content links to add to thin or standalone pages, or reviewing CMS templates that produce link-free content pages.
Repository stars: 74,669 · Incomplete scan
Skill
link-in-text-block
thedaviddias/Front-End-Checklist · skills/link-in-text-block
Use when applies to hyperlinks (`<a>` elements) that appear inline within paragraphs or text blocks. Does not apply to navigation menus, button-style links, or standalone links that are visually isolated from body text. Use when reviewing CSS that removes text-decoration from inline body copy links.
Repository stars: 74,669 · Incomplete scan
Skill
empty-heading
thedaviddias/Front-End-Checklist · skills/empty-heading
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.
Repository stars: 74,669 · Incomplete scan
Skill
code-splitting
thedaviddias/Front-End-Checklist · skills/code-splitting
Use when reviewing large SPA bundles, new dependency additions, or routes that feel slow to hydrate. Focus on code that is not required for the initial view and can move behind route transitions, user interaction, or viewport-based loading.
Repository stars: 74,669 · Incomplete scan
Skill
back-forward-cache
thedaviddias/Front-End-Checklist · skills/back-forward-cache
Use when reviewing navigation performance, browser lifecycle events, or resume-from-memory behavior. Check the actual browser lifecycle and restore path, not only static code patterns.
Repository stars: 74,669 · Incomplete scan
Skill
focus-not-obscured
thedaviddias/Front-End-Checklist · skills/focus-not-obscured
Use when reviewing sticky navigation, consent banners, chat widgets, skip links, or any fixed-position UI. Validate the actual tab order and viewport behavior at realistic zoom levels.
Repository stars: 74,669 · Incomplete scan
Skill
css-non-blocking
thedaviddias/Front-End-Checklist · skills/css-non-blocking
Use when reviewing stylesheets, component styles, and responsive behavior related to Load CSS without blocking render. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
referrer-policy
thedaviddias/Front-End-Checklist · skills/referrer-policy
Use when reviewing HTTP response headers for privacy hardening on any website that handles authentication, session state, or sensitive URL parameters.
Repository stars: 74,669 · Incomplete scan
Skill
scrolljacking
thedaviddias/Front-End-Checklist · skills/scrolljacking
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid scrolljacking and custom scroll behavior. 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
defer-async
thedaviddias/Front-End-Checklist · skills/defer-async
Use when reviewing templates, rendered HTML, or shared components related to Load scripts with defer, async, or type=module. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
trailing-slash
thedaviddias/Front-End-Checklist · skills/trailing-slash
Use when applies to all static and dynamic websites. Use when auditing a site for duplicate content, setting up a new site, or after migrating platforms that changed URL conventions.
Repository stars: 74,669 · Incomplete scan
Skill
contract-testing
thedaviddias/Front-End-Checklist · skills/contract-testing
Use when setting up integration testing for a frontend-backend API boundary, evaluating whether two services are safe to deploy independently, or replacing slow end-to-end tests with contract tests.
Repository stars: 74,669 · Incomplete scan
Skill
landmark-regions
thedaviddias/Front-End-Checklist · skills/landmark-regions
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.
Repository stars: 74,669 · Incomplete scan
Skill
dom-performance
thedaviddias/Front-End-Checklist · skills/dom-performance
Use when reviewing scripts, client components, bundles, or runtime behavior related to Minimize costly DOM read/write operations. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug. In React, repeated requestAnimationFrame-driven state updates across multiple mounted components are a valid performance smell when visible in the source.
Repository stars: 74,669 · Incomplete scan
Skill
ttfb
thedaviddias/Front-End-Checklist · skills/ttfb
Use when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
inclusive-language
thedaviddias/Front-End-Checklist · skills/inclusive-language
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use inclusive 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
responsive-units
thedaviddias/Front-End-Checklist · skills/responsive-units
Use when reviewing stylesheets, component styles, and responsive behavior related to Use relative units for responsive layouts. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
mutation-testing
thedaviddias/Front-End-Checklist · skills/mutation-testing
Use when evaluating test quality on modules containing business logic, calculation utilities, or state machines to determine whether the tests provide genuine defect detection.
Repository stars: 74,669 · Incomplete scan
Skill
dlitem
thedaviddias/Front-End-Checklist · skills/dlitem
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Wrap definition items in a definition list. 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
resource-hints
thedaviddias/Front-End-Checklist · skills/resource-hints
Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
focus-management
thedaviddias/Front-End-Checklist · skills/focus-management
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Manage focus during dynamic interactions. 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
content-without-css
thedaviddias/Front-End-Checklist · skills/content-without-css
Use when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning. Check the DOM order, semantic structure, form relationships, and whether CSS generated content carries essential information.
Repository stars: 74,669 · Incomplete scan
Skill
word-count
thedaviddias/Front-End-Checklist · skills/word-count
Use when applies to key landing pages, blog posts, product pages, and any page targeting competitive queries. Use when diagnosing poor rankings or after a Google Helpful Content update.
Repository stars: 74,669 · Incomplete scan
Skill
hsts
thedaviddias/Front-End-Checklist · skills/hsts
Use when reviewing HTTP response headers on any site that serves content over HTTPS.
Repository stars: 74,669 · Incomplete scan
Skill
css-at-property
thedaviddias/Front-End-Checklist · skills/css-at-property
Use when implementing animated gradients, complex CSS transitions that involve custom property values, or building a typed design token system where custom property misuse should produce visible errors.
Repository stars: 74,669 · Incomplete scan
Skill
form-validation
thedaviddias/Front-End-Checklist · skills/form-validation
Use when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly. Validate the final browser-facing markup, not just the source framework abstraction. Distinguish between browser-posted forms and client-handled React forms so you do not over-report missing `method` or `action` as accessibility defects.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
