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 69 · 50 results shown
Skill
about-page
thedaviddias/Front-End-Checklist · skills/about-page
Use when auditing metadata, crawlability, structured data, or indexability related to Create a dedicated About page. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
streaming-html
thedaviddias/Front-End-Checklist · skills/streaming-html
Use when reviewing server-side rendering setup, Next.js App Router pages, or Node.js HTTP handlers to verify that HTML is streamed incrementally rather than buffered until completion.
Repository stars: 74,669 · Incomplete scan
Skill
aria-valid-attr-value
thedaviddias/Front-End-Checklist · skills/aria-valid-attr-value
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid values for ARIA attributes. 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
js-file-size
thedaviddias/Front-End-Checklist · skills/js-file-size
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.
Repository stars: 74,669 · Incomplete scan
Skill
direction-attribute
thedaviddias/Front-End-Checklist · skills/direction-attribute
Use when reviewing templates, rendered HTML, or shared components related to Set text direction for RTL languages. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
gtm-present
thedaviddias/Front-End-Checklist · skills/gtm-present
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize Google Tag Manager implementation. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
css-containment
thedaviddias/Front-End-Checklist · skills/css-containment
Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS containment to limit repaint scope. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
filename-quality
thedaviddias/Front-End-Checklist · skills/filename-quality
Use when reviewing image assets, markup, and CDN or build transforms related to Use descriptive image filenames. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
token-storage-security
thedaviddias/Front-End-Checklist · skills/token-storage-security
Use when reviewing authentication implementation, setting up a new auth system, or evaluating whether the current token storage approach exposes the application to XSS-based token theft.
Repository stars: 74,669 · Incomplete scan
Skill
indexability
thedaviddias/Front-End-Checklist · skills/indexability
Use when auditing a site for accidental noindex directives, investigating why important pages are not appearing in Google Search, or reviewing CMS settings that control indexing at the page or category level.
Repository stars: 74,669 · Incomplete scan
Skill
largest-contentful-paint
thedaviddias/Front-End-Checklist · skills/largest-contentful-paint
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.
Repository stars: 74,669 · Incomplete scan
Skill
external-links
thedaviddias/Front-End-Checklist · skills/external-links
Use when auditing content pages for citation quality, suggesting authoritative sources to link for factual claims, or reviewing whether a page's external link attributes (nofollow, noopener) are correctly set.
Repository stars: 74,669 · Incomplete scan
Skill
lazy-above-fold
thedaviddias/Front-End-Checklist · skills/lazy-above-fold
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.
Repository stars: 74,669 · Incomplete scan
Skill
aria-hidden-body
thedaviddias/Front-End-Checklist · skills/aria-hidden-body
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Do not use aria-hidden on the document body. 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
cross-origin-isolation
thedaviddias/Front-End-Checklist · skills/cross-origin-isolation
Use when reviewing security-sensitive web apps, SharedArrayBuffer usage, worker-heavy apps, editors, or measurement features that require cross-origin isolation. Check both headers and real browser behavior.
Repository stars: 74,669 · Incomplete scan
Skill
session-timeout-recovery
thedaviddias/Front-End-Checklist · skills/session-timeout-recovery
Use when reviewing authenticated user flows or long forms. Check both client and server behavior: warning timing, dialog accessibility, autosave frequency, timeout extension, and post-login state restoration.
Repository stars: 74,669 · Incomplete scan
Skill
right-to-erasure
thedaviddias/Front-End-Checklist · skills/right-to-erasure
Use when auditing account settings pages, privacy dashboards, or API routes to verify that a complete data deletion path exists for users.
Repository stars: 74,669 · Incomplete scan
Skill
console-cleanup
thedaviddias/Front-End-Checklist · skills/console-cleanup
Use when reviewing scripts, client components, bundles, or runtime behavior related to Remove console statements in production. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
interstitials
thedaviddias/Front-End-Checklist · skills/interstitials
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).
Repository stars: 74,669 · Incomplete scan
Skill
article
thedaviddias/Front-End-Checklist · skills/article
Use when auditing metadata, crawlability, structured data, or indexability related to Implement valid Article structured data. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
critical-images
thedaviddias/Front-End-Checklist · skills/critical-images
Use when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
http-requests
thedaviddias/Front-End-Checklist · skills/http-requests
Use when auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
horizontal-scroll
thedaviddias/Front-End-Checklist · skills/horizontal-scroll
Use when applies to all CSS layout rules. Check `width`, `min-width`, fixed pixel values on containers, `overflow`, `white-space`, and `word-break` properties. Use when auditing responsive design or WCAG 2.1 Level AA compliance. Test at 320px viewport width and at 400% browser zoom.
Repository stars: 74,669 · Incomplete scan
Skill
runtime-validation
thedaviddias/Front-End-Checklist · skills/runtime-validation
Use when reviewing code that calls fetch(), reads from localStorage, accesses process.env, or processes form submissions without explicitly validating the incoming data shape.
Repository stars: 74,669 · Incomplete scan
Skill
editorial-policy
thedaviddias/Front-End-Checklist · skills/editorial-policy
Use when auditing a blog, news site, or YMYL content site for trust signals, drafting editorial policy page content, or evaluating whether a site meets Google's quality rater trustworthiness criteria.
Repository stars: 74,669 · Incomplete scan
Skill
web-app-manifest
thedaviddias/Front-End-Checklist · skills/web-app-manifest
Use when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installability. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
dimensions
thedaviddias/Front-End-Checklist · skills/dimensions
Use when reviewing image assets, markup, and CDN or build transforms related to Set explicit width and height on images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together. Separate real CLS risks from tiny decorative SVGs or ornament-only assets that are unlikely to move surrounding content.
Repository stars: 74,669 · Incomplete scan
Skill
cascade-layers
thedaviddias/Front-End-Checklist · skills/cascade-layers
Use when reviewing a CSS architecture for specificity issues, setting up a design system, or migrating a large codebase from utility-first to a layered architecture.
Repository stars: 74,669 · Incomplete scan
Skill
webpagetest
thedaviddias/Front-End-Checklist · skills/webpagetest
Use when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
cdn
thedaviddias/Front-End-Checklist · skills/cdn
Use when auditing slow page loads, heavy assets, or rendering delays related to Use a content delivery network. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
aria-valid-attr
thedaviddias/Front-End-Checklist · skills/aria-valid-attr
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA attributes are valid. 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
aria-labels
thedaviddias/Front-End-Checklist · skills/aria-labels
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for all interactive 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
es-modules
thedaviddias/Front-End-Checklist · skills/es-modules
Use when reviewing scripts, client components, bundles, or runtime behavior related to Use ES modules (import/export). Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
noindex-in-sitemap
thedaviddias/Front-End-Checklist · skills/noindex-in-sitemap
Use when auditing an XML sitemap or diagnosing indexing issues. Applies to any site where noindex meta tags or X-Robots-Tag headers may be applied to URLs also listed in the sitemap.
Repository stars: 74,669 · Incomplete scan
Skill
meta-title
thedaviddias/Front-End-Checklist · skills/meta-title
Use when auditing page metadata or generating SEO-optimized titles. Applies to every HTML page that should appear in search results.
Repository stars: 74,669 · Incomplete scan
Skill
screen-reader-testing
thedaviddias/Front-End-Checklist · skills/screen-reader-testing
Use when performing accessibility audits of web pages, components, or full user flows. Applies to all web content accessed via assistive technology. Particularly important for custom JavaScript widgets, single-page applications, dynamically updated content, modal dialogs, and forms with validation.
Repository stars: 74,669 · Incomplete scan
Skill
sitemap
thedaviddias/Front-End-Checklist · skills/sitemap
Use when auditing metadata, crawlability, structured data, or indexability related to Create and submit an XML sitemap. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
aria-live-regions
thedaviddias/Front-End-Checklist · skills/aria-live-regions
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Announce dynamic content with ARIA live regions. 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
leaked-secrets
thedaviddias/Front-End-Checklist · skills/leaked-secrets
Use when reviewing client-side JavaScript, HTML source, or git history for exposed credentials, API keys, or tokens.
Repository stars: 74,669 · Incomplete scan
Skill
reading-level
thedaviddias/Front-End-Checklist · skills/reading-level
Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, and any long-form content intended for a broad audience.
Repository stars: 74,669 · Incomplete scan
Skill
animation-performance
thedaviddias/Front-End-Checklist · skills/animation-performance
Use when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
heading-order
thedaviddias/Front-End-Checklist · skills/heading-order
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Maintain logical heading order. 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
flashing-content
thedaviddias/Front-End-Checklist · skills/flashing-content
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Prevent seizure-triggering flashing content. 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
carousel-accessibility
thedaviddias/Front-End-Checklist · skills/carousel-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make carousels accessible. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
accessible-tables
thedaviddias/Front-End-Checklist · skills/accessible-tables
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic table markup for screen readers. 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
integration-testing
thedaviddias/Front-End-Checklist · skills/integration-testing
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.
Repository stars: 74,669 · Incomplete scan
Skill
service-area
thedaviddias/Front-End-Checklist · skills/service-area
Use when applies to service businesses (plumbers, lawyers, consultants) serving multiple regions. Use when planning local SEO strategy for businesses without brick-and-mortar locations in every city.
Repository stars: 74,669 · Incomplete scan
Skill
accessible-authentication
thedaviddias/Front-End-Checklist · skills/accessible-authentication
Use when reviewing sign-in, sign-up, MFA, CAPTCHA, recovery, and re-auth flows. Evaluate the full authentication path, including error handling and backup methods, not just the primary login form.
Repository stars: 74,669 · Incomplete scan
Skill
e2e-testing
thedaviddias/Front-End-Checklist · skills/e2e-testing
Use when reviewing CI coverage, automated checks, or test strategy related to Implement end-to-end testing. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
meta-refresh
thedaviddias/Front-End-Checklist · skills/meta-refresh
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid meta refresh redirects. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
