Front-End Checklist

活跃
GitHub MDX No License

简介

专为现代 Web 开发和 AI 代理设计的详尽前端检查清单,覆盖 HTML/CSS/JS、性能、可访问性、SEO 等全链路质量标准。

核心特性

  • 完整质量检查项 — 涵盖 HTML、CSS、JavaScript、图片、字体、性能、可访问性、SEO、安全等 20+ 类别
  • AI 代理友好 — 每个项目都有清晰的检查提示词,可直接喂给 LLM 做自动化质检
  • 多语言支持 — 提供中文、英文、葡萄牙文等多个语言版本,覆盖全球开发者
  • 社区驱动 — 持续由社区贡献和审查,跟随 Web 生态演进
  • 可作为模板 — 团队可以 fork 后定制自己的内部检查清单

适用场景

💡 Web 开发者使用它作为新项目上线前的最终质量审查清单。
💡 团队技术负责人把它作为代码评审和发布流程的标准参考。
💡 AI 代理(Claude Code / Coder / Browser Agent)使用它对网站进行自动化审计,输出结构化报告。

优势与不足

优势

  • 活跃维护,近期持续更新
  • 社区热度高(74.1k stars)
  • Issue 响应及时,积压少

⚠️ 不足

  • 缺少明确的开源许可证

快速开始

```bash
# 克隆仓库
git clone https://github.com/thedaviddias/Front-End-Checklist.git

# 浏览清单
cd Front-End-Checklist
cat checklist.yml

# 让 AI Agent 基于清单审查网站
claude "请基于 Front-End Checklist 审查 https://example.com 的质量"
```

相关项目

Chrome DevTools MCP

51.4k · TypeScript
活跃 A+

为编程 Agent 提供浏览器开发者工具能力的 MCP 服务器,支持网页调试、性能分析和 DOM 操作自动化。

mcpchrome-devtoolsbrowser-debug +2
  • · 性能分析洞察 — 录制 Chrome 性能追踪并提取可操作的性能优化建议
  • · 高级浏览器调试 — 分析网络请求、截图、检查控制台消息及 source-mapped 堆栈跟踪
  • · 可靠自动化 — 基于 Puppeteer 的浏览器自动化,自动等待操作结果

Vision Agents

8.1k · Python
活跃 A+

Stream 开源的视觉与语音智能体框架,支持任意模型和视频提供商,利用边缘网络实现超低延迟的实时多模态 AI 交互。

voiceagentpython +3
  • · 实时视频 AI,集成 YOLO、Roboflow 并结合 Gemini/OpenAI 进行实时视觉理解
  • · 通过 Stream 边缘网络实现 30ms 以下超低延迟音视频传输,500ms 内加入
  • · 原生 SDK 方法来自 OpenAI、Gemini 和 Claude,始终使用最新 LLM 能力