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 70 · 50 results shown
Skill
critical-request-chains
thedaviddias/Front-End-Checklist · skills/critical-request-chains
Use when auditing slow page loads, heavy assets, or rendering delays related to Minimize critical request chains. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
figure-figcaption
thedaviddias/Front-End-Checklist · skills/figure-figcaption
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.
Repository stars: 74,669 · Incomplete scan
Skill
indexability-conflicts
thedaviddias/Front-End-Checklist · skills/indexability-conflicts
Use when auditing a site for indexability issues, investigating why pages appear in Google's index that should be excluded (or vice versa), or reviewing robots.txt and meta robots configurations for consistency.
Repository stars: 74,669 · Incomplete scan
Skill
import-on-visibility
thedaviddias/Front-End-Checklist · skills/import-on-visibility
Use when reviewing long pages, dashboards, or content feeds with expensive offscreen modules. Balance early enough loading for smooth scrolling against keeping the initial route light.
Repository stars: 74,669 · Incomplete scan
Skill
video-thumbnail
thedaviddias/Front-End-Checklist · skills/video-thumbnail
Use when applies to all `<video>` elements in HTML. The `poster` attribute specifies the URL of an image to show as a placeholder before the video is loaded or played. This is distinct from captions or audio descriptions, which are accessibility requirements. The poster is primarily a UX and performance enhancement, though the lack of a poster can indirectly create a CLS (Cumulative Layout Shift) issue if video dimensions are not declared.
Repository stars: 74,669 · Incomplete scan
Skill
css-order
thedaviddias/Front-End-Checklist · skills/css-order
Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
video-optimization
thedaviddias/Front-End-Checklist · skills/video-optimization
Use when reviewing <video> elements, background/hero video, or embedded media assets. Check encoded bitrate, resolution relative to the rendered player size, codec/container choice, and whether a poster/thumbnail avoids blocking on the first frame.
Repository stars: 74,669 · Incomplete scan
Skill
nofollow-internal
thedaviddias/Front-End-Checklist · skills/nofollow-internal
Use when auditing internal link structure or reviewing link attributes. Applies to any site using rel=nofollow on links pointing to pages within the same domain.
Repository stars: 74,669 · Incomplete scan
Skill
keyboard-navigation
thedaviddias/Front-End-Checklist · skills/keyboard-navigation
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.
Repository stars: 74,669 · Incomplete scan
Skill
doctype
thedaviddias/Front-End-Checklist · skills/doctype
Use when applies to all HTML documents. Always check the very first line of the raw HTML source (view-source: or DevTools > Network > Response). In SSR frameworks, check the root HTML template (e.g., _document.tsx in Next.js, index.html in Vite/Vue, application.html.erb in Rails). The doctype is not a tag — it is a declaration and does not need a closing tag.
Repository stars: 74,669 · Incomplete scan
Skill
svg-optimization
thedaviddias/Front-End-Checklist · skills/svg-optimization
Use when reviewing image assets, markup, and CDN or build transforms related to Optimize SVG files. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
sensory-instructions
thedaviddias/Front-End-Checklist · skills/sensory-instructions
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid sensory-only instructions. 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
page-load-time
thedaviddias/Front-End-Checklist · skills/page-load-time
Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page load time under 3 seconds. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
robots-meta-conflict
thedaviddias/Front-End-Checklist · skills/robots-meta-conflict
Use when applies to sites that use both robots.txt disallow rules and meta robots noindex tags. Use when investigating why deindexed pages still appear in search results.
Repository stars: 74,669 · Incomplete scan
Skill
http-to-https
thedaviddias/Front-End-Checklist · skills/http-to-https
Use when checking whether a web server is configured to redirect all HTTP traffic to HTTPS.
Repository stars: 74,669 · Incomplete scan
Skill
subresource-integrity
thedaviddias/Front-End-Checklist · skills/subresource-integrity
Use when reviewing templates, rendered HTML, or shared components related to Add Subresource Integrity to external scripts. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
currency-formatting
thedaviddias/Front-End-Checklist · skills/currency-formatting
Use when reviewing utility functions, component props, or template strings that format numbers, prices, or dates to check whether Intl APIs are used correctly.
Repository stars: 74,669 · Incomplete scan
Skill
css-print
thedaviddias/Front-End-Checklist · skills/css-print
Use when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
freshness
thedaviddias/Front-End-Checklist · skills/freshness
Use when auditing content pages for freshness signals, setting up HTTP Last-Modified headers in a web server config, or ensuring Article JSON-LD dateModified is updated when CMS content changes.
Repository stars: 74,669 · Incomplete scan
Skill
ymyl-detection
thedaviddias/Front-End-Checklist · skills/ymyl-detection
Use when applies to any site in health, medicine, finance, law, safety, news, or similar fields. Use when auditing content quality for sites in YMYL categories or investigating why high-quality-seeming content underperforms.
Repository stars: 74,669 · Incomplete scan
Skill
disclaimers
thedaviddias/Front-End-Checklist · skills/disclaimers
Use when auditing YMYL content pages for trust signals, generating disclaimer copy for medical or financial content, or reviewing affiliate disclosure requirements under FTC or ASA guidelines.
Repository stars: 74,669 · Incomplete scan
Skill
h1
thedaviddias/Front-End-Checklist · skills/h1
Use when auditing a page's heading structure, generating H1 text for landing pages or blog posts, or reviewing a CMS template that may produce empty or missing H1 elements.
Repository stars: 74,669 · Incomplete scan
Skill
reduced-motion
thedaviddias/Front-End-Checklist · skills/reduced-motion
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Respect reduced motion preferences. 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
speculation-rules
thedaviddias/Front-End-Checklist · skills/speculation-rules
Use when optimising multi-page navigation performance, reducing INP on page transitions, or implementing progressive enhancement for fast page loads.
Repository stars: 74,669 · Incomplete scan
Skill
privacy-policy
thedaviddias/Front-End-Checklist · skills/privacy-policy
Use when reviewing whether a website has a visible, accessible privacy policy link, particularly in the footer navigation.
Repository stars: 74,669 · Incomplete scan
Skill
flexbox-patterns
thedaviddias/Front-End-Checklist · skills/flexbox-patterns
Use when reviewing stylesheets, component styles, and responsive behavior related to Apply Flexbox best practices. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
styles-lint
thedaviddias/Front-End-Checklist · skills/styles-lint
Use when reviewing stylesheets, component styles, and responsive behavior related to Lint CSS and SCSS files. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
x-frame-options
thedaviddias/Front-End-Checklist · skills/x-frame-options
Use when reviewing HTTP response headers for clickjacking protection on any web application with authenticated user actions.
Repository stars: 74,669 · Incomplete scan
Skill
aria-deprecated-role
thedaviddias/Front-End-Checklist · skills/aria-deprecated-role
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid using deprecated ARIA roles. 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
charset
thedaviddias/Front-End-Checklist · skills/charset
Use when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
accordion-accessibility
thedaviddias/Front-End-Checklist · skills/accordion-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make accordions keyboard navigable. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
image-optimization
thedaviddias/Front-End-Checklist · skills/image-optimization
Use when reviewing image assets, markup, and CDN or build transforms related to Optimize all images for web. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
definition-list
thedaviddias/Front-End-Checklist · skills/definition-list
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct definition list structure. 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
test-coverage
thedaviddias/Front-End-Checklist · skills/test-coverage
Use when reviewing CI coverage, automated checks, or test strategy related to Maintain test coverage thresholds. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
css-critical
thedaviddias/Front-End-Checklist · skills/css-critical
Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
http2
thedaviddias/Front-End-Checklist · skills/http2
Use when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
responsive-size
thedaviddias/Front-End-Checklist · skills/responsive-size
Use when reviewing image assets, markup, and CDN or build transforms related to Serve images at the correct display size. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
aria-dialog-name
thedaviddias/Front-End-Checklist · skills/aria-dialog-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure dialogs have an accessible name. 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
parameters
thedaviddias/Front-End-Checklist · skills/parameters
Use when auditing URL structure or configuring search engine handling of filtered, sorted, or tracked URLs. Applies to e-commerce sites, filtered content directories, and any site appending tracking or session parameters.
Repository stars: 74,669 · Incomplete scan
Skill
nap-consistency
thedaviddias/Front-End-Checklist · skills/nap-consistency
Use when auditing a local business website for local SEO. Applies to any business that has a physical address and wants to appear in local search results or Google Maps.
Repository stars: 74,669 · Incomplete scan
Skill
color-contrast
thedaviddias/Front-End-Checklist · skills/color-contrast
Use when applies to all visible text and text images, UI component borders (input fields, buttons), focus indicators, icons that convey meaning, and graphical objects required to understand content. Does not apply to inactive/disabled UI components or purely decorative elements.
Repository stars: 74,669 · Incomplete scan
Skill
stop-words
thedaviddias/Front-End-Checklist · skills/stop-words
Use when applies primarily when creating new content pages. Low priority for existing indexed pages where redirect risk outweighs gain. Use when building a slug naming convention.
Repository stars: 74,669 · Incomplete scan
Skill
lazy-loading
thedaviddias/Front-End-Checklist · skills/lazy-loading
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.
Repository stars: 74,669 · Incomplete scan
Skill
avif-format
thedaviddias/Front-End-Checklist · skills/avif-format
Use when reviewing image assets, markup, and CDN or build transforms related to Use AVIF format for modern browsers. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
orphan-pages
thedaviddias/Front-End-Checklist · skills/orphan-pages
Use when auditing site architecture or investigating why specific pages have low organic traffic despite good content. Applies to any site with more than ~20 pages.
Repository stars: 74,669 · Incomplete scan
Skill
semantic-lists
thedaviddias/Front-End-Checklist · skills/semantic-lists
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic list 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
content-dates
thedaviddias/Front-End-Checklist · skills/content-dates
Use when auditing article or blog pages for date markup, generating Article JSON-LD with datePublished/dateModified, or checking whether a CMS template surfaces dates correctly.
Repository stars: 74,669 · Incomplete scan
Skill
canonical-header
thedaviddias/Front-End-Checklist · skills/canonical-header
Use when auditing metadata, crawlability, structured data, or indexability related to Sync HTML canonical tags and Link headers. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
link-text
thedaviddias/Front-End-Checklist · skills/link-text
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use descriptive link 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
robots-meta
thedaviddias/Front-End-Checklist · skills/robots-meta
Use when applies to all HTML pages. Use when auditing pages that have disappeared from search results or when checking staging vs. production meta tag parity.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
