Source

thedaviddias/front-end-checklist

379 skills · 3K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
page-load-time Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page load time under 3 seconds. …
thedaviddias/front-end-checklist
7
2
pagination Use when auditing paginated content (blog archives, product category pages, search results). Applies to any site with…
thedaviddias/front-end-checklist
7
3
password-field-security Use when reviewing headers, forms, cookies, or third-party integrations related to Secure password input fields. Vali…
thedaviddias/front-end-checklist
7
4
permissions-policy Use when reviewing HTTP response headers for defense-in-depth security hardening on any web application.
thedaviddias/front-end-checklist
7
5
referrer-policy Use when reviewing HTTP response headers for privacy hardening on any website that handles authentication, session st…
thedaviddias/front-end-checklist
7
6
responsive-units Use when reviewing stylesheets, component styles, and responsive behavior related to Use relative units for responsiv…
thedaviddias/front-end-checklist
7
7
review Use when applies to product pages, local business pages, recipes, apps, books, and any page that aggregates user revi…
thedaviddias/front-end-checklist
7
8
robots-meta Use when applies to all HTML pages. Use when auditing pages that have disappeared from search results or when checkin…
thedaviddias/front-end-checklist
7
9
scrolljacking Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid scrolljacking an…
thedaviddias/front-end-checklist
7
10
service-worker Use when auditing repeat-visit performance, adding offline support, or evaluating PWA readiness for a web application.
thedaviddias/front-end-checklist
7
11
sitemap-4xx Use when applies to any site with a dynamically generated or manually maintained XML sitemap. Use when investigating …
thedaviddias/front-end-checklist
7
12
sitemap-valid Use when applies to any site with a manually or programmatically generated XML sitemap. Use when debugging sitemap su…
thedaviddias/front-end-checklist
7
13
skip-link Use when reviewing rendered HTML, interactive components, or design-system patterns related to Implement 'Skip to Con…
thedaviddias/front-end-checklist
7
14
social-profiles Use when applies to business websites, personal brand sites, and publisher sites. Use when setting up Organization sc…
thedaviddias/front-end-checklist
7
15
srcset Use when reviewing image assets, markup, and CDN or build transforms related to Use srcset for responsive images. Che…
thedaviddias/front-end-checklist
7
16
structured-data Use when auditing metadata, crawlability, structured data, or indexability related to Add structured data markup. Ver…
thedaviddias/front-end-checklist
7
17
svg-inline Use when reviewing image assets, markup, and CDN or build transforms related to Manage inline SVG size and complexity…
thedaviddias/front-end-checklist
7
18
tabindex Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use appropriate tabind…
thedaviddias/front-end-checklist
7
19
test-coverage Use when reviewing CI coverage, automated checks, or test strategy related to Maintain test coverage thresholds. Focu…
thedaviddias/front-end-checklist
7
20
video-accessibility Use when reviewing templates, rendered HTML, or shared components related to Make videos accessible with captions. Va…
thedaviddias/front-end-checklist
7
21
w3c-compliant Use when reviewing templates, rendered HTML, or shared components related to Validate HTML against W3C standards. Val…
thedaviddias/front-end-checklist
7
22
web-storage Use when reviewing scripts, client components, bundles, or runtime behavior related to Use Web Storage API safely. In…
thedaviddias/front-end-checklist
7
23
website-search Use when applies to sites with internal site search functionality. Use when optimizing branded search result appearan…
thedaviddias/front-end-checklist
7
24
ymyl-detection Use when applies to any site in health, medicine, finance, law, safety, news, or similar fields. Use when auditing co…
thedaviddias/front-end-checklist
7
25
contact-page Use when auditing metadata, crawlability, structured data, or indexability related to Create a comprehensive Contact …
thedaviddias/front-end-checklist
6
26
content-dates Use when auditing article or blog pages for date markup, generating Article JSON-LD with datePublished/dateModified, …
thedaviddias/front-end-checklist
6
27
content-without-css Use when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for me…
thedaviddias/front-end-checklist
6
28
cross-origin-isolation Use when reviewing security-sensitive web apps, SharedArrayBuffer usage, worker-heavy apps, editors, or measurement f…
thedaviddias/front-end-checklist
6
29
currency-formatting Use when reviewing utility functions, component props, or template strings that format numbers, prices, or dates to c…
thedaviddias/front-end-checklist
6
30
data-minimisation Use when reviewing form components, API payloads, or client-side storage to identify fields that are collected but no…
thedaviddias/front-end-checklist
6
31
definition-list Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct definition…
thedaviddias/front-end-checklist
6
32
dom-performance Use when reviewing scripts, client components, bundles, or runtime behavior related to Minimize costly DOM read/write…
thedaviddias/front-end-checklist
6
33
editorial-policy Use when auditing a blog, news site, or YMYL content site for trust signals, drafting editorial policy page content, …
thedaviddias/front-end-checklist
6
34
element-hiding Use when reviewing a website for layout and functionality issues caused by adblocker filter rules targeting common ad…
thedaviddias/front-end-checklist
6
35
embedded-or-inline-css Use when reviewing stylesheets, component styles, and responsive behavior related to Avoid embedded and inline CSS. C…
thedaviddias/front-end-checklist
6
36
empty-heading Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure headings contai…
thedaviddias/front-end-checklist
6
37
empty-links Use when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken l…
thedaviddias/front-end-checklist
6
38
error-images Use when reviewing image assets, markup, and CDN or build transforms related to Handle image loading errors gracefull…
thedaviddias/front-end-checklist
6
39
event-delegation Use when reviewing scripts, client components, bundles, or runtime behavior related to Use event delegation for dynam…
thedaviddias/front-end-checklist
6
40
external-links Use when auditing content pages for citation quality, suggesting authoritative sources to link for factual claims, or…
thedaviddias/front-end-checklist
6
41
first-contentful-paint Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. Veri…
thedaviddias/front-end-checklist
6
42
flexbox-patterns Use when reviewing stylesheets, component styles, and responsive behavior related to Apply Flexbox best practices. Ch…
thedaviddias/front-end-checklist
6
43
focus-not-obscured Use when reviewing sticky navigation, consent banners, chat widgets, skip links, or any fixed-position UI. Validate t…
thedaviddias/front-end-checklist
6
44
form-field-multiple-labels Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use a single label for…
thedaviddias/front-end-checklist
6
45
form-https Use when reviewing HTML forms, fetch/XHR calls, and form action attributes to ensure data is submitted exclusively ov…
thedaviddias/front-end-checklist
6
46
frame-title Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide titles for ifr…
thedaviddias/front-end-checklist
6
47
gtm-present Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize Google Tag Manager implement…
thedaviddias/front-end-checklist
6
48
h1 Use when auditing a page's heading structure, generating H1 text for landing pages or blog posts, or reviewing a CMS …
thedaviddias/front-end-checklist
6
49
heading-order Use when reviewing rendered HTML, interactive components, or design-system patterns related to Maintain logical headi…
thedaviddias/front-end-checklist
6
50
hreflang Use when auditing metadata, crawlability, structured data, or indexability related to Add hreflang tags for multiling…
thedaviddias/front-end-checklist
6
Page 5 · 379 total Previous Next