Source

thedaviddias/front-end-checklist

379 skills · 3K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
lazy-above-fold Use when auditing slow page loads, heavy assets, or rendering delays related to Disable lazy loading for above-the-fo…
thedaviddias/front-end-checklist
9
2
modal-accessibility Use when reviewing rendered HTML, interactive components, or design-system patterns related to Make modal dialogs key…
thedaviddias/front-end-checklist
9
3
modern-format Use when reviewing image assets, markup, and CDN or build transforms related to Use modern image formats (WebP, AVIF)…
thedaviddias/front-end-checklist
9
4
offline-fallback Use when adding PWA capabilities, implementing a service worker, or improving the experience for users on unreliable …
thedaviddias/front-end-checklist
9
5
picture-element Use when reviewing image assets, markup, and CDN or build transforms related to Use <picture> with an <img> fallback.…
thedaviddias/front-end-checklist
9
6
privacy-policy Use when reviewing whether a website has a visible, accessible privacy policy link, particularly in the footer naviga…
thedaviddias/front-end-checklist
9
7
reading-level Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, an…
thedaviddias/front-end-checklist
9
8
responsive-size Use when reviewing image assets, markup, and CDN or build transforms related to Serve images at the correct display s…
thedaviddias/front-end-checklist
9
9
third-party-scripts Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize third-party script loading. …
thedaviddias/front-end-checklist
9
10
video-captions Use when applies to all `<video>` elements and third-party video embeds (YouTube, Vimeo) where the page owner control…
thedaviddias/front-end-checklist
9
11
affiliate-disclosure Use when auditing metadata, crawlability, structured data, or indexability related to Provide clear affiliate disclos…
thedaviddias/front-end-checklist
8
12
aria-valid-attr Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA attributes…
thedaviddias/front-end-checklist
8
13
audio-descriptions Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide audio descript…
thedaviddias/front-end-checklist
8
14
author-expertise Use when auditing metadata, crawlability, structured data, or indexability related to Highlight author credentials an…
thedaviddias/front-end-checklist
8
15
author-info Use when auditing metadata, crawlability, structured data, or indexability related to Implement comprehensive author …
thedaviddias/front-end-checklist
8
16
avif-format Use when reviewing image assets, markup, and CDN or build transforms related to Use AVIF format for modern browsers. …
thedaviddias/front-end-checklist
8
17
avoid-eval Use when reviewing scripts, client components, bundles, or runtime behavior related to Never use eval() or unsafe dyn…
thedaviddias/front-end-checklist
8
18
blocked-links Use when reviewing HTML source and JavaScript for links or resource URLs pointing to domains listed in common adblock…
thedaviddias/front-end-checklist
8
19
broken-external-links Use when auditing metadata, crawlability, structured data, or indexability related to Fix or remove broken external l…
thedaviddias/front-end-checklist
8
20
broken-links Use when auditing metadata, crawlability, structured data, or indexability related to Resolve internal broken links. …
thedaviddias/front-end-checklist
8
21
canonical-chain Use when auditing metadata, crawlability, structured data, or indexability related to Avoid redirect chains on canoni…
thedaviddias/front-end-checklist
8
22
canonical-header Use when auditing metadata, crawlability, structured data, or indexability related to Sync HTML canonical tags and Li…
thedaviddias/front-end-checklist
8
23
carousel-accessibility Use when reviewing templates, rendered HTML, or shared components related to Make carousels accessible. Validate the …
thedaviddias/front-end-checklist
8
24
cascade-layers Use when reviewing a CSS architecture for specificity issues, setting up a design system, or migrating a large codeba…
thedaviddias/front-end-checklist
8
25
cdn Use when auditing slow page loads, heavy assets, or rendering delays related to Use a content delivery network. Verif…
thedaviddias/front-end-checklist
8
26
color-oklch Use when building a design token system, creating accessible colour palettes, generating colour ramps programmaticall…
thedaviddias/front-end-checklist
8
27
consent-mode Use when auditing slow page loads, heavy assets, or rendering delays related to Implement Google Consent Mode v2. Ver…
thedaviddias/front-end-checklist
8
28
console-cleanup Use when reviewing scripts, client components, bundles, or runtime behavior related to Remove console statements in p…
thedaviddias/front-end-checklist
8
29
css-critical Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster r…
thedaviddias/front-end-checklist
8
30
css-custom-properties Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for de…
thedaviddias/front-end-checklist
8
31
css-grid Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional…
thedaviddias/front-end-checklist
8
32
css-non-blocking Use when reviewing stylesheets, component styles, and responsive behavior related to Load CSS without blocking render…
thedaviddias/front-end-checklist
8
33
css-order Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check…
thedaviddias/front-end-checklist
8
34
duplicate-description Use when auditing a site's meta tag uniqueness, generating page-specific meta descriptions, or reviewing CMS template…
thedaviddias/front-end-checklist
8
35
duplicate-js Use when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries…
thedaviddias/front-end-checklist
8
36
favicons Use when reviewing templates, rendered HTML, or shared components related to Implement favicons for all devices. Vali…
thedaviddias/front-end-checklist
8
37
flashing-content Use when reviewing rendered HTML, interactive components, or design-system patterns related to Prevent seizure-trigge…
thedaviddias/front-end-checklist
8
38
focus-management Use when reviewing rendered HTML, interactive components, or design-system patterns related to Manage focus during dy…
thedaviddias/front-end-checklist
8
39
font-loading Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize web font loading. Verify the…
thedaviddias/front-end-checklist
8
40
hsts Use when reviewing HTTP response headers on any site that serves content over HTTPS.
thedaviddias/front-end-checklist
8
41
html-resource-hints Use when reviewing templates, rendered HTML, or shared components related to Add resource hints (preload, prefetch, d…
thedaviddias/front-end-checklist
8
42
http-requests Use when auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests. Verify the ac…
thedaviddias/front-end-checklist
8
43
http2 Use when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3. Verify the a…
thedaviddias/front-end-checklist
8
44
import-on-visibility Use when reviewing long pages, dashboards, or content feeds with expensive offscreen modules. Balance early enough lo…
thedaviddias/front-end-checklist
8
45
integration-testing Use when reviewing CI coverage, automated checks, or test strategy related to Write integration tests for key workflo…
thedaviddias/front-end-checklist
8
46
json-ld-valid Use when generating or auditing any `<script type='application/ld+json'>` blocks, implementing structured data for ar…
thedaviddias/front-end-checklist
8
47
link-checker Use when reviewing templates, rendered HTML, or shared components related to Check for broken links. Validate the fin…
thedaviddias/front-end-checklist
8
48
modern-array-methods Use when reviewing scripts, client components, bundles, or runtime behavior related to Use modern array and object me…
thedaviddias/front-end-checklist
8
49
nap-consistency Use when auditing a local business website for local SEO. Applies to any business that has a physical address and wan…
thedaviddias/front-end-checklist
8
50
og-tags Use when auditing a web page's social sharing metadata. Applies to any page users might share on social networks or m…
thedaviddias/front-end-checklist
8
Page 3 · 379 total Previous Next