AI Asset

探索分类创作者

发布登录

正在加载项目…

探索分类创作者发布资产

Front-End-Checklist — thedaviddias · AI Asset

探索项目/thedaviddias/Front-End-Checklist

Front-End-Checklist

资源合集

🗂 The essential checklist for modern web development, for humans and AI agents

thedaviddiasGitHub 公开资源索引

安装与使用

74,273 GitHub Stars392 项组成内容Stars 同步于 2026年9月26日

概览安装与使用包含内容源码

共 392 项匹配内容，示例会单独标注；未声明归属的内容不代表插件自动包含。

duplicate-id-active技能

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for active elements. Check native semantics first,

其他仓库内容 · 未声明插件包归属

duplicate-id-aria技能

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for ARIA references. Check native semantics first,

其他仓库内容 · 未声明插件包归属

duplicate-js技能

Use when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries. Verify the actual bottleneck in DevTools,

其他仓库内容 · 未声明插件包归属

e2e-testing技能

Use when reviewing CI coverage, automated checks, or test strategy related to Implement end-to-end testing. Focus on whether the rule is continuously verified,

其他仓库内容 · 未声明插件包归属

editorial-policy技能

Use when auditing a blog, news site, or YMYL content site for trust signals, drafting editorial policy page content, or evaluating whether a site meets Google's

其他仓库内容 · 未声明插件包归属

element-hiding技能

Use when reviewing a website for layout and functionality issues caused by adblocker filter rules targeting common ad-related class names and IDs.

其他仓库内容 · 未声明插件包归属

embedded-or-inline-css技能

Use when reviewing stylesheets, component styles, and responsive behavior related to Avoid embedded and inline CSS. Check the rendered layout across breakpoints

其他仓库内容 · 未声明插件包归属

empty-heading技能

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure headings contain text. Check native semantics first, then

其他仓库内容 · 未声明插件包归属

empty-links技能

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken links. Check native semantics first, then in

其他仓库内容 · 未声明插件包归属

error-handling技能

Use when reviewing scripts, client components, bundles, or runtime behavior related to Implement proper error handling. Inspect both source code and the browser

其他仓库内容 · 未声明插件包归属

error-images技能

Use when reviewing image assets, markup, and CDN or build transforms related to Handle image loading errors gracefully. Check encoded size, rendered size, loadi

其他仓库内容 · 未声明插件包归属

error-monitoring技能

Use when setting up a new project's production observability stack, reviewing incident response readiness, or investigating why errors are going undetected.

其他仓库内容 · 未声明插件包归属

es-modules技能

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use ES modules (import/export). Inspect both source code and the browser

其他仓库内容 · 未声明插件包归属

event-delegation技能

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use event delegation for dynamic content. Inspect both source code and th

其他仓库内容 · 未声明插件包归属

external-links技能

Use when auditing content pages for citation quality, suggesting authoritative sources to link for factual claims, or reviewing whether a page's external link a

其他仓库内容 · 未声明插件包归属

faq技能

Use when adding FAQ sections to landing pages or blog posts, generating FAQPage JSON-LD from existing Q&A content, or validating that structured data on pages w

其他仓库内容 · 未声明插件包归属

favicon技能

Use when checking whether a site has a correctly configured favicon, auditing `<link rel='icon'>` tags in the `<head>`, or setting up favicon infrastructure for

其他仓库内容 · 未声明插件包归属

favicons技能

Use when reviewing templates, rendered HTML, or shared components related to Implement favicons for all devices. Validate the final browser-facing markup, not j

其他仓库内容 · 未声明插件包归属

fetchpriority-attribute技能

Use when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning resource loading order in the critical renderin

其他仓库内容 · 未声明插件包归属

figure-figcaption技能

Use when reviewing image assets, markup, and CDN or build transforms related to Use <figure> and <figcaption> for image captions. Check encoded size, rendered s

其他仓库内容 · 未声明插件包归属

file-upload-accessibility技能

Use when reviewing templates, rendered HTML, or shared components related to Make file uploads accessible. Validate the final browser-facing markup, not just th

其他仓库内容 · 未声明插件包归属

filename-quality技能

Use when reviewing image assets, markup, and CDN or build transforms related to Use descriptive image filenames. Check encoded size, rendered size, loading stra

其他仓库内容 · 未声明插件包归属

find-npm-packages技能

Use when you need to find the 2-3 most popular and well-maintained npm packages relevant to a frontend checklist rule, validate they meet quality thresholds, an

其他仓库内容 · 未声明插件包归属

first-contentful-paint技能

Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. Verify the actual bottleneck in DevTools, Light

其他仓库内容 · 未声明插件包归属

关于项目

原作者: thedaviddias
许可证: 未声明
上游更新: 2026年8月14日
内容扫描: 2026年9月26日

访问 GitHub

这是公开项目的署名索引，不代表原作者已入驻或认证本站。