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 68 · 50 results shown
Skill
tabs-accessibility
thedaviddias/Front-End-Checklist · skills/tabs-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make tabs keyboard navigable. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
paste-inputs
thedaviddias/Front-End-Checklist · skills/paste-inputs
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Allow pasting into form inputs. 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
navigation-landmark
thedaviddias/Front-End-Checklist · skills/navigation-landmark
Use when reviewing templates, rendered HTML, or shared components related to Use navigation landmark regions. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
twitter-cards
thedaviddias/Front-End-Checklist · skills/twitter-cards
Use when applies to any page intended to be shared on X (Twitter). Use when auditing social sharing previews or adding social meta tags to a new site.
Repository stars: 74,669 · Incomplete scan
Skill
invalid-links
thedaviddias/Front-End-Checklist · skills/invalid-links
Use when auditing a page's link elements for crawlability, reviewing JavaScript-heavy SPAs where navigation may not use `<a href>` tags, or checking that dynamically generated links have valid href values.
Repository stars: 74,669 · Incomplete scan
Skill
empty-links
thedaviddias/Front-End-Checklist · skills/empty-links
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken 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
page-weight
thedaviddias/Front-End-Checklist · skills/page-weight
Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page weight under 1500KB. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
source-maps
thedaviddias/Front-End-Checklist · skills/source-maps
Use when auditing slow page loads, heavy assets, or rendering delays related to Provide source maps for production debugging. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
heading-hierarchy
thedaviddias/Front-End-Checklist · skills/heading-hierarchy
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use logical heading hierarchy. 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
redirect-chains
thedaviddias/Front-End-Checklist · skills/redirect-chains
Use when auditing internal link structure after a URL migration, domain change, or site rebuild. Applies to any site that has had redirects in place for more than a month.
Repository stars: 74,669 · Incomplete scan
Skill
consent-mode
thedaviddias/Front-End-Checklist · skills/consent-mode
Use when auditing slow page loads, heavy assets, or rendering delays related to Implement Google Consent Mode v2. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
subgrid
thedaviddias/Front-End-Checklist · skills/subgrid
Use when reviewing card grid layouts with misaligned content areas, or any nested grid where child items need to align with sibling cards' corresponding sections without JavaScript intervention.
Repository stars: 74,669 · Incomplete scan
Skill
json-safety
thedaviddias/Front-End-Checklist · skills/json-safety
Use when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with error handling. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
browser-caching
thedaviddias/Front-End-Checklist · skills/browser-caching
Use when auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
unique-id
thedaviddias/Front-End-Checklist · skills/unique-id
Use when reviewing templates, rendered HTML, or shared components related to Ensure all IDs are unique. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
modal-accessibility
thedaviddias/Front-End-Checklist · skills/modal-accessibility
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Make modal dialogs keyboard accessible. 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
javascript-inline
thedaviddias/Front-End-Checklist · skills/javascript-inline
Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.
Repository stars: 74,669 · Incomplete scan
Skill
aria-required-attr
thedaviddias/Front-End-Checklist · skills/aria-required-attr
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Include required ARIA attributes for 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
broken-links
thedaviddias/Front-End-Checklist · skills/broken-links
Use when auditing metadata, crawlability, structured data, or indexability related to Resolve internal broken links. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
404-page
thedaviddias/Front-End-Checklist · skills/404-page
Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
js-redirects
thedaviddias/Front-End-Checklist · skills/js-redirects
Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
first-contentful-paint
thedaviddias/Front-End-Checklist · skills/first-contentful-paint
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
touch-targets
thedaviddias/Front-End-Checklist · skills/touch-targets
Use when applies to all interactive elements on touchscreen interfaces: buttons, links, checkboxes, radio buttons, form inputs, icon buttons, and menu items. Check CSS for min-width, min-height, width, height, and padding on interactive elements. Particularly important for icon-only buttons (close, delete, share) which are often made too small.
Repository stars: 74,669 · Incomplete scan
Skill
aria-meter-name
thedaviddias/Front-End-Checklist · skills/aria-meter-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for meter 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
sitemap-coverage
thedaviddias/Front-End-Checklist · skills/sitemap-coverage
Use when applies to content sites, e-commerce stores, and any site where timely indexing of new pages matters. Use when investigating why new pages take a long time to appear in search results.
Repository stars: 74,669 · Incomplete scan
Skill
consistent-help
thedaviddias/Front-End-Checklist · skills/consistent-help
Use when reviewing support UI across multi-page flows such as checkout, onboarding, account recovery, or support journeys. Compare multiple pages in the same variation instead of reviewing a single page alone.
Repository stars: 74,669 · Incomplete scan
Skill
viewport-zoom
thedaviddias/Front-End-Checklist · skills/viewport-zoom
Use when applies to any `<meta name='viewport'>` element in HTML documents. Check the `content` attribute for `user-scalable=no`, `user-scalable=0`, `maximum-scale=1`, or `maximum-scale` values less than 2. This is a common mistake in mobile-first templates and CSS frameworks.
Repository stars: 74,669 · Incomplete scan
Skill
loading-indicators
thedaviddias/Front-End-Checklist · skills/loading-indicators
Use when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Repository stars: 74,669 · Incomplete scan
Skill
meta-description
thedaviddias/Front-End-Checklist · skills/meta-description
Use when auditing page metadata or generating descriptions for new pages. Applies to every page that should receive organic search traffic.
Repository stars: 74,669 · Incomplete scan
Skill
duplicate-id-aria
thedaviddias/Front-End-Checklist · skills/duplicate-id-aria
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for ARIA references. 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-treeitem-name
thedaviddias/Front-End-Checklist · skills/aria-treeitem-name
Use when applies to custom tree widgets built with role='tree', role='treeitem', and role='group'. Common in file explorers, nested navigation menus, org charts, and any UI where items can be expanded or collapsed to reveal children.
Repository stars: 74,669 · Incomplete scan
Skill
canonical-url
thedaviddias/Front-End-Checklist · skills/canonical-url
Use when auditing metadata, crawlability, structured data, or indexability related to Set canonical URLs for all pages. Verify the rendered HTML and HTTP response rather than relying only on source files.
Repository stars: 74,669 · Incomplete scan
Skill
pwa-installability
thedaviddias/Front-End-Checklist · skills/pwa-installability
Use when auditing PWA readiness, adding an install prompt, or preparing a web app for submission to Microsoft Store or Google Play via PWA Builder.
Repository stars: 74,669 · Incomplete scan
Skill
srcset
thedaviddias/Front-End-Checklist · skills/srcset
Use when reviewing image assets, markup, and CDN or build transforms related to Use srcset for responsive images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Repository stars: 74,669 · Incomplete scan
Skill
css-minification
thedaviddias/Front-End-Checklist · skills/css-minification
Use when reviewing stylesheets, component styles, and responsive behavior related to Minify all CSS files. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
aria-tooltip-name
thedaviddias/Front-End-Checklist · skills/aria-tooltip-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for tooltips. 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-progressbar-name
thedaviddias/Front-End-Checklist · skills/aria-progressbar-name
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for progress bars. 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-required-children
thedaviddias/Front-End-Checklist · skills/aria-required-children
Use when applies to custom ARIA widgets using composite roles: tablist, list, listbox, menu, menubar, tree, treegrid, grid, rowgroup, row, radiogroup. Use when reviewing components built with div/span elements that replace native HTML list, select, or nav elements.
Repository stars: 74,669 · Incomplete scan
Skill
view-transitions
thedaviddias/Front-End-Checklist · skills/view-transitions
Use when adding page transition animations, image expand/contract effects, shared-element transitions, or improving navigation UX in a single-page or multi-page application.
Repository stars: 74,669 · Incomplete scan
Skill
css-grid
thedaviddias/Front-End-Checklist · skills/css-grid
Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional layouts. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
nosnippet
thedaviddias/Front-End-Checklist · skills/nosnippet
Use when auditing robots meta tags. Applies to any important landing page, article, or product page that should appear with a description in search results.
Repository stars: 74,669 · Incomplete scan
Skill
zoom-reflow
thedaviddias/Front-End-Checklist · skills/zoom-reflow
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support content reflow at 400% zoom. 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
list-structure
thedaviddias/Front-End-Checklist · skills/list-structure
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct 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
unused-css
thedaviddias/Front-End-Checklist · skills/unused-css
Use when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Repository stars: 74,669 · Incomplete scan
Skill
mock-best-practices
thedaviddias/Front-End-Checklist · skills/mock-best-practices
Use when reviewing CI coverage, automated checks, or test strategy related to Follow mocking best practices. Focus on whether the rule is continuously verified, not just documented.
Repository stars: 74,669 · Incomplete scan
Skill
type-only-imports
thedaviddias/Front-End-Checklist · skills/type-only-imports
Use when auditing import statements in TypeScript files, setting up a new TypeScript project, or investigating unexpected bundle inclusions from type-only dependencies.
Repository stars: 74,669 · Incomplete scan
Skill
html-size
thedaviddias/Front-End-Checklist · skills/html-size
Use when auditing page weight for crawl efficiency, investigating why certain page content is not appearing in Google's index, or reviewing server-rendered pages that embed large JSON payloads in HTML.
Repository stars: 74,669 · Incomplete scan
Skill
og-url-match
thedaviddias/Front-End-Checklist · skills/og-url-match
Use when auditing Open Graph tags or investigating why social share counts appear low. Applies to any page with both canonical-url and og:url tags.
Repository stars: 74,669 · Incomplete scan
Skill
html-resource-hints
thedaviddias/Front-End-Checklist · skills/html-resource-hints
Use when reviewing templates, rendered HTML, or shared components related to Add resource hints (preload, prefetch, dns-prefetch). Validate the final browser-facing markup, not just the source framework abstraction.
Repository stars: 74,669 · Incomplete scan
Skill
redundant-entry
thedaviddias/Front-End-Checklist · skills/redundant-entry
Use when reviewing any process that spans multiple screens, steps, or modal stages. Follow the real user journey and compare fields across steps instead of reviewing screens in isolation.
Repository stars: 74,669 · Incomplete scan
Automated signals, not a guarantee. How the checks work.
