Prompt
[IMPORTANT: You are running as a scheduled cron job. DELIVERY: Your final response will be automatically delivered to the user — do NOT use send_message or try to deliver the output yourself. Just produce your report/output as your final response and the system handles the rest. SILENT: If there is genuinely nothing new to report, respond with exactly "[SILENT]" (nothing else) to suppress delivery. Never combine [SILENT] with content — either report your findings normally, or say [SILENT] and nothing more.]
[IMPORTANT: You are running as a scheduled cron job. DELIVERY: Your final response will be automatically delivered to the user — do NOT use send_message or try to deliver the output yourself. Just produce your report/output as your final response and the system handles the rest. SILENT: If there is genuinely nothing new to report, respond with exactly "[SILENT]" (nothing else) to suppress delivery. Never combine [SILENT] with content — either report your findings normally, or say [SILENT] and nothing more.]
你是一位资深 Web 前端技术专家，同时也是 GitHub 趋势研究员。
你的任务是每天根据 GitHub Trending、开发者社区（GitHub、Reddit、Hacker News、X、掘金、InfoQ 等）以及当前前端技术发展趋势，为你推荐 5 个值得学习的 Web 前端相关 GitHub 仓库。
推荐原则
- 每天推荐 5 个仓库。
- 不允许重复推荐之前已经推荐过的仓库。
- 优先推荐最近一年活跃、持续维护、社区热度高的项目。
- 不要只推荐热门框架，也要覆盖不同方向。
推荐方向包括但不限于：
- HTML / CSS / JavaScript / TypeScript
- React / Vue / Angular / Svelte / Solid
- Next.js / Nuxt / Astro / Remix
- Vite / Webpack / esbuild / Rollup
- Tailwind CSS / UnoCSS
- Node.js / Bun / Deno
- 前端工程化 / Monorepo / 微前端
- SSR / RSC / Edge Runtime
- UI组件库 / Design System / Web Components
- Canvas / SVG / WebGL / Three.js
- 数据可视化 / 图表库 / 动画库
- 前端性能优化 / 浏览器原理
- AI Frontend / MCP / Agent
- 全栈框架 / Awesome 系列 / 高质量 Demo
每天尽量保持类别多样，不要连续几天推荐同一类项目。
已推荐仓库列表
读取已推荐列表：
`bash
cat /tmp/frontend_github_recs.txt 2>/dev/null || echo "[]"
`
输出格式
对于每个仓库，按照下面格式输出：
仓库名称
GitHub：
（仓库地址）
一句话介绍：
（项目是什么）
为什么值得学习：
（2~4点）
你可以重点学习：
- ...
- ...
- ...
适合人群：
（初级 / 中级 / 高级）
学习难度：
⭐~⭐⭐⭐⭐⭐
热门程度：
★★★★★
最近活跃情况：
（最近是否持续更新）
核心技术栈：
（React / TS / Vite ...）
建议阅读顺序：
README →
Documentation →
Examples →
Source Code →
Issues →
Pull Requests
维护已推荐列表
输出完成后，将本次推荐的 5 个仓库名称追加到已推荐列表：
`bash
echo '["repo1", "repo2", ...]' > /tmp/frontend_github_recs.txt
`
额外约束
- 内容必须是最新或仍然活跃维护的项目
- 如果热门仓库数量不足，可以推荐近期开源的新项目，但必须满足：Star 增长快、社区讨论活跃、持续维护、具有学习价值
- 不要只推荐热门框架，也要覆盖不同方向
- 输出内容全部使用中文，Markdown 排版清晰
- 不要输出无关闲聊内容
- 不要重复解释任务
⚠️ 重要：你的回复将被直接发送到飞书（Feishu）聊天窗口。飞书支持 Markdown 格式，所以请使用标准 Markdown 语法。
注意：
- 使用 ## 作为二级标题
- 使用 文字 作为粗体
- 使用 - 或 * 作为列表项
- 确保所有 Markdown 符号都是标准的
- 不要在输出中包含任何 Cron Job 元数据、Prompt 内容或 Response 标记
- 只输出推荐内容本身，干净利落
Response
1. firecrawl/open-lovable
GitHub：
https://github.com/firecrawl/open-lovable
一句话介绍：
用 AI 一键克隆任意网站，将其还原为现代 React 应用。
为什么值得学习：
- 展示了 AI 驱动的前端代码生成的前沿能力——输入 URL，秒级生成可编辑的 React 项目
- 基于 Firecrawl 强大的网页抓取与结构化提取能力，是爬虫技术与前端工程结合的典范
- 开源实现让你理解如何将 LLM 输出转化为可运行的组件代码
- 紧跟 AI Agent + 前端开发的趋势，是「AI 辅助开发」方向的绝佳参考
你可以重点学习：
- 如何使用 AI 解析网页 DOM 结构并映射为 React 组件树
- 网页抓取与数据提取的最佳实践
- 从设计稿到可运行代码的自动化流程
适合人群：
中级 / 高级
学习难度：
⭐⭐⭐⭐
热门程度：
★★★★☆
最近活跃情况：
持续活跃，2026-07-07 有更新，Stars 27,341+
核心技术栈：
TypeScript / React / Next.js / AI Agent
建议阅读顺序：
README →
Documentation →
Examples →
Source Code →
Issues →
Pull Requests
2. magicuidesign/magicui
GitHub：
https://github.com/magicuidesign/magicui
一句话介绍：
面向设计工程师的 UI 组件库，提供大量可直接复制粘贴的动画组件和视觉效果。
为什么值得学习：
- 专注于「动画即组件」的理念，每个组件都内置了精美的 Framer Motion 动画效果
- 与 shadcn/ui、Tailwind CSS、Next.js 深度集成，开箱即用
- 代码质量极高，组件设计遵循现代最佳实践，是学习前端动画的好教材
- 覆盖从加载动画到复杂交互效果的全场景需求
你可以重点学习：
- Framer Motion 的高级用法与动画组合技巧
- 如何构建可复用、可配置的动画组件
- 设计工程师思维下的前端开发实践
适合人群：
初级 / 中级
学习难度：
⭐⭐⭐
热门程度：
★★★★☆
最近活跃情况：
持续活跃，2026-07-07 有更新，Stars 21,460+
核心技术栈：
React / TypeScript / Tailwind CSS / Framer Motion / shadcn-ui / Next.js
建议阅读顺序：
README →
Documentation →
Examples →
Source Code →
Issues →
Pull Requests
3. thedaviddias/Front-End-Checklist
GitHub：
https://github.com/thedaviddias/Front-End-Checklist
一句话介绍：
现代 Web 开发必备检查清单，涵盖 HTML、CSS、JavaScript、性能、SEO、可访问性等全方位要点。
为什么值得学习：
- 前端领域的「圣经级」参考文档，从基础到进阶覆盖全面
- 不仅适用于人类开发者，还特别标注了 AI Agent 可用的检查项，顺应 AI 辅助开发趋势
- 定期更新，紧跟浏览器新特性和前端最佳实践变化
- 是每个前端开发者都应该收藏的工具型仓库
你可以重点学习：
- 现代前端项目的完整交付标准
- 性能优化与可访问性（a11y）的关键检查点
- SEO 最佳实践与跨浏览器兼容性策略
适合人群：
初级 / 中级 / 高级
学习难度：
⭐
热门程度：
★★★★★
最近活跃情况：
持续维护中，2026-07-07 有更新，Stars 73,141+
核心技术栈：
HTML / CSS / JavaScript / Web Standards
建议阅读顺序：
README →
Checklist Items →
Contributing Guide →
Issues →
Pull Requests
4. chenglou/pretext
GitHub：
https://github.com/chenglou/pretext
一句话介绍：
快速、精准、全面的文本测量与布局引擎，解决前端文字渲染中的核心难题。
为什么值得学习：
- 由 React 核心贡献者 Cheng Lou 创建，深入浏览器文本渲染底层原理
- 解决了前端开发中普遍存在的文字溢出、动态字号、多行截断等痛点
- 性能极致优化，在大规模文本场景下依然保持毫秒级响应
- 理解文本测量是掌握高性能前端渲染的关键一步
你可以重点学习：
- 浏览器文本布局算法与性能优化技巧
- 如何精确测量文本尺寸以支持动态 UI
- React 生态中高性能渲染的最佳实践
适合人群：
中级 / 高级
学习难度：
⭐⭐⭐⭐
热门程度：
★★★★☆
最近活跃情况：
2026-03 创建，持续活跃，Stars 48,995+，增长迅猛
核心技术栈：
TypeScript / React / 浏览器渲染引擎
建议阅读顺序：
README →
Documentation →
Examples →
Source Code →
Issues →
Pull Requests
5. hoppscotch/hoppscotch
GitHub：
https://github.com/hoppscotch/hoppscotch
一句话介绍：
开源 API 开发工具集，Postman 的免费替代方案，支持 Web、桌面端、CLI 和 PWA。
为什么值得学习：
- 前端工程化的绝佳实践案例——一个完整的 Web 应用涵盖 HTTP 客户端、GraphQL、WebSocket 等
- 采用 Vue 3 + Tauri 架构，展示了现代前端技术栈的强大能力
- 支持离线、本地部署和云端三种模式，体现了前端应用的灵活部署思路
- 社区活跃，贡献门槛友好，是参与开源项目的优秀入口
你可以重点学习：
- Vue 3 大型项目的架构设计与状态管理
- Tauri 如何实现轻量级桌面应用（对比 Electron）
- PWA 在开发工具类应用中的落地实践
- WebSocket 和 GraphQL 在前端的集成方式
适合人群：
中级
学习难度：
⭐⭐⭐
热门程度：
★★★★★
最近活跃情况：
持续活跃，2026-07-07 有更新，Stars 79,753+
核心技术栈：
Vue 3 / TypeScript / Tauri / PWA / GraphQL / WebSocket
建议阅读顺序：
README →
Documentation →
Examples →
Source Code →
Issues →
Pull Requests
推荐总结： 今天覆盖了 AI 前端生成（open-lovable）、动画组件库（magicui）、前端检查清单（Front-End-Checklist）、底层渲染优化（pretext）和工程化工具（hoppscotch）五个不同方向，兼顾实用性与学习价值。