CtrlK
BlogDocsLog inGet started
Tessl Logo

Front-End-Checklist

github.com/thedaviddias/Front-End-Checklist

SkillAddedReview
weak-internal-links

skills/weak-internal-links/SKILL.md

Use when applies to any site with more than 20 pages. Use when auditing site architecture, investigating why certain pages underperform in search, or after a site migration.

44

web-app-manifest

skills/web-app-manifest/SKILL.md

Use when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installability. Validate the final browser-facing markup, not just the source framework abstraction.

63

webfont-format

skills/webfont-format/SKILL.md

Use when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check the rendered layout across breakpoints and interaction states before proposing a fix.

52

webpagetest

skills/webpagetest/SKILL.md

Use when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Validate the final browser-facing markup, not just the source framework abstraction.

54

webp-format

skills/webp-format/SKILL.md

Use when reviewing image assets, markup, and CDN or build transforms related to Use WebP format with fallbacks. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.

57

website-search

skills/website-search/SKILL.md

Use when applies to sites with internal site search functionality. Use when optimizing branded search result appearance or adding structured data for the first time.

56

web-storage

skills/web-storage/SKILL.md

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use Web Storage API safely. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

49

word-count

skills/word-count/SKILL.md

Use when applies to key landing pages, blog posts, product pages, and any page targeting competitive queries. Use when diagnosing poor rankings or after a Google Helpful Content update.

53

x-content-type

skills/x-content-type/SKILL.md

Use when auditing HTTP response headers on any web server or CDN for security hardening.

53

x-frame-options

skills/x-frame-options/SKILL.md

Use when reviewing HTTP response headers for clickjacking protection on any web application with authenticated user actions.

60

ymyl-detection

skills/ymyl-detection/SKILL.md

Use when applies to any site in health, medicine, finance, law, safety, news, or similar fields. Use when auditing content quality for sites in YMYL categories or investigating why high-quality-seeming content underperforms.

55

zoom-reflow

skills/zoom-reflow/SKILL.md

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.

67