Source

thedaviddias/front-end-checklist

379 skills · 3K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
accesskeys Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure accesskey value…
thedaviddias/front-end-checklist
10
2
accordion-accessibility Use when reviewing templates, rendered HTML, or shared components related to Make accordions keyboard navigable. Vali…
thedaviddias/front-end-checklist
10
3
anchor-smooth-scroll Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor…
thedaviddias/front-end-checklist
10
4
aria-allowed-attr Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use only allowed ARIA …
thedaviddias/front-end-checklist
10
5
aria-command-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…
thedaviddias/front-end-checklist
10
6
aria-deprecated-role Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid using deprecated…
thedaviddias/front-end-checklist
10
7
aria-meter-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…
thedaviddias/front-end-checklist
10
8
aria-progressbar-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…
thedaviddias/front-end-checklist
10
9
aria-required-attr Use when reviewing rendered HTML, interactive components, or design-system patterns related to Include required ARIA …
thedaviddias/front-end-checklist
10
10
aria-required-children Use when applies to custom ARIA widgets using composite roles: tablist, list, listbox, menu, menubar, tree, treegrid,…
thedaviddias/front-end-checklist
10
11
aria-required-parent Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA roles are …
thedaviddias/front-end-checklist
10
12
aria-roles Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid ARIA role va…
thedaviddias/front-end-checklist
10
13
aria-text Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid focusable descen…
thedaviddias/front-end-checklist
10
14
back-forward-cache Use when reviewing navigation performance, browser lifecycle events, or resume-from-memory behavior. Check the actual…
thedaviddias/front-end-checklist
10
15
breadcrumb-navigation Use when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigati…
thedaviddias/front-end-checklist
10
16
browser-caching Use when auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching. Verify the ac…
thedaviddias/front-end-checklist
10
17
decorative-elements Use when reviewing rendered HTML, interactive components, or design-system patterns related to Hide decorative elemen…
thedaviddias/front-end-checklist
10
18
dependency-audit Use when reviewing a project's security posture, setting up CI pipelines, or responding to a reported vulnerability i…
thedaviddias/front-end-checklist
10
19
error-handling Use when reviewing scripts, client components, bundles, or runtime behavior related to Implement proper error handlin…
thedaviddias/front-end-checklist
10
20
faq Use when adding FAQ sections to landing pages or blog posts, generating FAQPage JSON-LD from existing Q&A content, or…
thedaviddias/front-end-checklist
10
21
heading-hierarchy Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use logical heading hi…
thedaviddias/front-end-checklist
10
22
loading-indicators Use when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. Verify the a…
thedaviddias/front-end-checklist
10
23
reduced-motion Use when reviewing rendered HTML, interactive components, or design-system patterns related to Respect reduced motion…
thedaviddias/front-end-checklist
10
24
zoom-reflow Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support content reflow…
thedaviddias/front-end-checklist
10
25
accessible-notifications Use when reviewing templates, rendered HTML, or shared components related to Make notifications accessible. Validate …
thedaviddias/front-end-checklist
9
26
all-noindex-pages Use when auditing metadata, crawlability, structured data, or indexability related to Audit all noindex pages. Verify…
thedaviddias/front-end-checklist
9
27
anchor-text Use when auditing metadata, crawlability, structured data, or indexability related to Use descriptive anchor text. Ve…
thedaviddias/front-end-checklist
9
28
aria-toggle-field-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…
thedaviddias/front-end-checklist
9
29
aria-tooltip-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…
thedaviddias/front-end-checklist
9
30
aria-treeitem-name Use when applies to custom tree widgets built with role='tree', role='treeitem', and role='group'. Common in file exp…
thedaviddias/front-end-checklist
9
31
aria-valid-attr-value Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid values for A…
thedaviddias/front-end-checklist
9
32
article Use when auditing metadata, crawlability, structured data, or indexability related to Implement valid Article structu…
thedaviddias/front-end-checklist
9
33
article-links Use when auditing metadata, crawlability, structured data, or indexability related to Optimize article link density. …
thedaviddias/front-end-checklist
9
34
autofocus-avoidance Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autofocus on for…
thedaviddias/front-end-checklist
9
35
autoplay-media Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying medi…
thedaviddias/front-end-checklist
9
36
breadcrumb Use when auditing metadata, crawlability, structured data, or indexability related to Implement valid BreadcrumbList …
thedaviddias/front-end-checklist
9
37
broken-html Use when auditing metadata, crawlability, structured data, or indexability related to Fix malformed HTML structure. V…
thedaviddias/front-end-checklist
9
38
broken-images Use when reviewing image assets, markup, and CDN or build transforms related to Fix broken images. Check encoded size…
thedaviddias/front-end-checklist
9
39
browser-required Use when auditing slow page loads, heavy assets, or rendering delays related to Perform browser-based performance aud…
thedaviddias/front-end-checklist
9
40
charset Use when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Valida…
thedaviddias/front-end-checklist
9
41
compression Use when auditing slow page loads, heavy assets, or rendering delays related to Enable text-based compression. Verify…
thedaviddias/front-end-checklist
9
42
critical-images Use when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. C…
thedaviddias/front-end-checklist
9
43
css-file-size Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the ac…
thedaviddias/front-end-checklist
9
44
css-minification Use when reviewing stylesheets, component styles, and responsive behavior related to Minify all CSS files. Check the …
thedaviddias/front-end-checklist
9
45
dark-mode-css Use when reviewing stylesheets, component styles, and responsive behavior related to Support dark mode with prefers-c…
thedaviddias/front-end-checklist
9
46
dimensions Use when reviewing image assets, markup, and CDN or build transforms related to Set explicit width and height on imag…
thedaviddias/front-end-checklist
9
47
geo-meta Use when auditing locally-focused or regionally-targeted pages for geo targeting signals, particularly on sites targe…
thedaviddias/front-end-checklist
9
48
html-size Use when auditing page weight for crawl efficiency, investigating why certain page content is not appearing in Google…
thedaviddias/front-end-checklist
9
49
import-on-interaction Use when reviewing slow initial loads caused by optional features. Prioritize code that is expensive to download or e…
thedaviddias/front-end-checklist
9
50
interaction-to-next-paint Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize interaction to next paint. V…
thedaviddias/front-end-checklist
9
Page 2 · 379 total Previous Next