Source

thedaviddias/front-end-checklist

379 skills · 3K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
html-xml-lang-mismatch Use when applies to XHTML documents and polyglot HTML documents that must parse correctly as both HTML5 and XML.
thedaviddias/front-end-checklist
6
2
html5-semantic-elements Use when reviewing templates, rendered HTML, or shared components related to Use semantic HTML elements. Validate the…
thedaviddias/front-end-checklist
6
3
https-downgrade Use when auditing a site's internal and external links for protocol consistency, migrating a site from HTTP to HTTPS,…
thedaviddias/front-end-checklist
6
4
immutable-patterns Use when reviewing scripts, client components, bundles, or runtime behavior related to Prefer immutable data patterns…
thedaviddias/front-end-checklist
6
5
improve-rule Use when reviewing or improving a Front-End Checklist rule MDX file to raise its quality score, fix stub prompts, add…
thedaviddias/front-end-checklist
6
6
js-file-size Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize JavaScript bundle size. Veri…
thedaviddias/front-end-checklist
6
7
leaked-secrets Use when reviewing client-side JavaScript, HTML source, or git history for exposed credentials, API keys, or tokens.
thedaviddias/front-end-checklist
6
8
length Use when generating URL slugs from article titles, auditing URL structures for unnecessary depth or length, or review…
thedaviddias/front-end-checklist
6
9
llm-parsability Use when auditing content pages for AI discoverability. Applies to any informational page intended to appear in AI-ge…
thedaviddias/front-end-checklist
6
10
meta-refresh Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid meta refresh red…
thedaviddias/front-end-checklist
6
11
mime-type Use when auditing server configuration or diagnosing broken resources. Applies to any web server serving HTML, CSS, J…
thedaviddias/front-end-checklist
6
12
mixed-content Use when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTT…
thedaviddias/front-end-checklist
6
13
mock-best-practices Use when reviewing CI coverage, automated checks, or test strategy related to Follow mocking best practices. Focus on…
thedaviddias/front-end-checklist
6
14
new-tab Use when reviewing HTML or JSX for anchor elements with target='_blank' to verify rel='noopener noreferrer' is presen…
thedaviddias/front-end-checklist
6
15
no-unchecked-indexed-access Use when auditing tsconfig.json for missing safety flags, reviewing code that uses array index access in data process…
thedaviddias/front-end-checklist
6
16
offscreen-lazy Use when reviewing image assets, markup, and CDN or build transforms related to Lazy load offscreen images.
thedaviddias/front-end-checklist
6
17
og-url-match Use when auditing Open Graph tags or investigating why social share counts appear low. Applies to any page with both …
thedaviddias/front-end-checklist
6
18
orientation Use when reviewing mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces…
thedaviddias/front-end-checklist
6
19
pagination-accessibility Use when reviewing templates, rendered HTML, or shared components related to Make pagination accessible. Validate the…
thedaviddias/front-end-checklist
6
20
performance-budget Use when reviewing CI configuration, bundle analysis workflows, or pull requests that add dependencies and assets. Di…
thedaviddias/front-end-checklist
6
21
physical-address Use when auditing local business websites, e-commerce sites, or any site where a physical presence affects trust or l…
thedaviddias/front-end-checklist
6
22
reset-css Use when reviewing stylesheets, component styles, and responsive behavior related to Use a CSS reset or normalize sty…
thedaviddias/front-end-checklist
6
23
resource-hints Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading…
thedaviddias/front-end-checklist
6
24
robots-meta-conflict Use when applies to sites that use both robots.txt disallow rules and meta robots noindex tags. Use when investigatin…
thedaviddias/front-end-checklist
6
25
runtime-validation Use when reviewing code that calls fetch(), reads from localStorage, accesses process.env, or processes form submissi…
thedaviddias/front-end-checklist
6
26
screen-reader-testing Use when performing accessibility audits of web pages, components, or full user flows. Applies to all web content acc…
thedaviddias/front-end-checklist
6
27
semantic-lists Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic list elem…
thedaviddias/front-end-checklist
6
28
sitemap-coverage Use when applies to content sites, e-commerce stores, and any site where timely indexing of new pages matters. Use wh…
thedaviddias/front-end-checklist
6
29
sitemap-domain Use when applies to sites that have recently migrated from HTTP to HTTPS, changed domain name, or have www/non-www re…
thedaviddias/front-end-checklist
6
30
skip-navigation Use when reviewing rendered HTML, interactive components, or design-system patterns related to Include a skip navigat…
thedaviddias/front-end-checklist
6
31
slug-keywords Use when applies to blog posts, product pages, and any content page with editable URL slugs. Use when building a URL …
thedaviddias/front-end-checklist
6
32
source-maps Use when auditing slow page loads, heavy assets, or rendering delays related to Provide source maps for production de…
thedaviddias/front-end-checklist
6
33
speculation-rules Use when optimising multi-page navigation performance, reducing INP on page transitions, or implementing progressive …
thedaviddias/front-end-checklist
6
34
streaming-html Use when reviewing server-side rendering setup, Next.js App Router pages, or Node.js HTTP handlers to verify that HTM…
thedaviddias/front-end-checklist
6
35
tabs-accessibility Use when reviewing templates, rendered HTML, or shared components related to Make tabs keyboard navigable. Validate t…
thedaviddias/front-end-checklist
6
36
td-headers-attr Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to he…
thedaviddias/front-end-checklist
6
37
tel-mailto Use when applies to contact pages, business listing pages, headers/footers, and any page displaying a phone number or…
thedaviddias/front-end-checklist
6
38
text-resizing Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing …
thedaviddias/front-end-checklist
6
39
title-unique Use when applies to all HTML pages. Use when auditing a site crawl report or investigating why multiple pages compete…
thedaviddias/front-end-checklist
6
40
translation-strings Use when reviewing a codebase for internationalisation readiness, setting up an i18n library, or preparing strings fo…
thedaviddias/front-end-checklist
6
41
unused-css Use when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules. Check t…
thedaviddias/front-end-checklist
6
42
video Use when applies to any page embedding or hosting video content (YouTube, Vimeo, self-hosted). Use when adding video …
thedaviddias/front-end-checklist
6
43
webp-format Use when reviewing image assets, markup, and CDN or build transforms related to Use WebP format with fallbacks. Check…
thedaviddias/front-end-checklist
6
44
webpagetest Use when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Va…
thedaviddias/front-end-checklist
6
45
x-content-type Use when auditing HTTP response headers on any web server or CDN for security hardening.
thedaviddias/front-end-checklist
6
46
x-frame-options Use when reviewing HTTP response headers for clickjacking protection on any web application with authenticated user a…
thedaviddias/front-end-checklist
6
47
const-let Use when reviewing scripts, client components, bundles, or runtime behavior related to Prefer const and let over var.…
thedaviddias/front-end-checklist
5
48
container-queries Use when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for compon…
thedaviddias/front-end-checklist
5
49
cross-origin-security Use when reviewing scripts, client components, bundles, or runtime behavior related to Handle cross-origin requests s…
thedaviddias/front-end-checklist
5
50
disclaimers Use when auditing YMYL content pages for trust signals, generating disclaimer copy for medical or financial content, …
thedaviddias/front-end-checklist
5
Page 6 · 379 total Previous Next