# 步骤 1：扫描 65 个顶级前端信源

你需要搜索以下 65 个前端开发者和机构相关的最新技术内容（过去 7 天内）：

## 🏢 机构账号 (17)

@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox

## 👤 个人账号 (48)

@dan_abramov, @sebmarkbage, @acdlite, @sophiebits, @youyuxi, @patak_dev, @antfu7, @shuding_, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @ryanflorence, @mjackson, @remix_run, @wesbos, @addyosmani, @paul_irish, @jaffathecake, @argyleink, @Una, @chriscoyier, @sarah_edo, @cassidoo, @housecor, @getify, @BrendanEich, @slicknet, @cramforce, @mathias, @ericwbailey, @mmatuzo, @heydonworks, @steveworkman, @jensimmons, @rachelandrew, @smashingmag, @csswizardry, @mgechev, @samccone, @_developit, @Rich_Harris, @trueadm, @sebmck, @jamiebuilds, @left_pad, @devongovett

## 扫描方法

使用 Google Search 搜索这些账号相关的技术内容，采用优化的搜索策略：

**第一批：核心前端专家**（优先搜索，质量最高）

- 账号：@dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake

- 搜索格式：`@dan_abramov OR @youyuxi OR @rauchg OR @leeerob OR @shadcn OR @t3dotgg OR @kentcdodds OR @addyosmani OR @jaffathecake tool library framework performance optimization tutorial`

- 时间范围：freshness="week"

- category="general"（使用 general 类别获取最佳结果）

**第二批：框架官方账号**

- 账号：@reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript

- 搜索格式：`@reactjs OR @vuejs OR @nextjs OR @vercel OR @sveltejs OR @remix_run OR @astrodotbuild OR @vite_js OR @tailwindcss OR @typescript release update feature`

- 时间范围：freshness="week"

- category="general"

**第三批：其他前端专家**

- 账号：@antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris

- 搜索格式：`@antfu7 OR @shuding_ OR @wesbos OR @paul_irish OR @argyleink OR @Una OR @chriscoyier OR @cassidoo OR @Rich_Harris tip best practice pattern`

- 时间范围：freshness="week"

- category="general"

**第四批：工具和运行时**

- 账号：@nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox

- 搜索格式：`@nodejs OR @denoland OR @bunjavascript OR @webpack OR @stackblitz OR @codesandbox performance release`

- 时间范围：freshness="week"

- category="general"

**第五批：可访问性和 CSS 专家**

- 账号：@ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag

- 搜索格式：`@ericwbailey OR @mmatuzo OR @heydonworks OR @csswizardry OR @smashingmag accessibility pattern`

- 时间范围：freshness="week"

- category="general"

## 关键要点

- **不要**使用 excludeDomains 或 includeDomains，让 Google 自然排序

- **不要**限制特定网站，让算法返回最相关的结果

- **重点**：使用精准的关键词组合，让高质量技术文章自然排在前面

- **策略**：分批搜索确保覆盖所有信源，每批关键词略有不同以匹配不同类型的内容

继续执行步骤二。

# 步骤 2：智能筛选与分类

从搜索到的内容中，筛选出符合以下标准的内容：

## ✅ 保留标准（优先级排序）

1. **深度技术文章**（最高优先级）

- 个人技术博客上的原创文章

- 官方文档和更新日志

- 技术平台（Dev.to, Medium, CSS-Tricks 等）的教程

- GitHub 仓库的 README 和文档

2. **实用工具与库**

- 新发布或更新的前端工具、库、框架

- 包含使用说明和代码示例

3. **开发技巧与最佳实践**

- 可直接应用的代码技巧

- 性能优化方法

- 架构设计模式

4. **官方更新**

- 框架版本更新说明

- API 变更文档

- 迁移指南

5. **高质量推文**（作为补充）

- 仅当推文包含完整技术说明或链接到高质量文章时保留

- 推文本身内容丰富，有代码示例或详细解释

## ❌ 过滤标准

- 纯社交性质的推文（点赞、转发、简单评论）

- 个人生活、招聘、会议宣传等非技术内容

- 过于基础或过于小众的内容

- 重复或相似的信息

- 新闻资讯类内容（除非包含技术细节）

- 视频和播客链接（优先文字内容）

- 营销性质的产品宣传

## 📊 分类体系

将筛选后的内容分为以下类别：

1. **🛠️ 工具与库**：新工具、库更新、实用插件

2. **⚡ 性能优化**：性能提升技巧、优化方案

3. **💡 开发技巧**：代码技巧、最佳实践

4. **🎨 UI/UX**：界面开发、动画、样式技巧

5. **🏗️ 架构与模式**：架构设计、设计模式

6. **🔧 工作流**：开发流程、工具链优化

7. **📱 跨平台**：移动端、桌面端开发

8. **🆕 新特性**：框架/浏览器新特性

9. **♿ 可访问性**：Web 可访问性最佳实践

## 🎯 内容质量判断

优先选择：

- 有完整代码示例的文章

- 有实际应用场景说明的内容

- 包含性能数据或对比测试的文章

- 官方文档和权威来源

- 开发者个人博客的深度分享

继续执行步骤三。

# 步骤 3：生成周报文档

基于筛选和分类的内容，生成一份结构化的前端开发周报：

## 📝 周报结构

```markdown

# 本周前端开发最干货的 X 篇文章（[日期范围]）

## 1. **[标题 - 聚焦实用价值]**

**内容摘要**：文章讨论的核心问题或主题

**推荐理由**：1 句话说明"为什么值得读"，区别于摘要（摘要说"是什么"，推荐理由说"为什么"）

**文章链接**：https://example.com/article-url

---

[重复以上格式]

```

## ✍️ 写作要求

1. **文章标题翻译**：

- **必须将英文文章标题翻译成中文**

- 保持原文链接不变

- 标题格式：直接使用中文标题，不要用 Markdown 链接格式

- 示例：如何优化 React 性能

2. **文章链接格式**（重要）：

- **必须直接显示完整的 URL 地址**

- **不要使用 [citation](url) 或 [文字](url) 这样的 Markdown 链接格式**

- 格式：**文章链接**：https://example.com/article-url

- 正确示例：**文章链接**：https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance

- 错误示例：**文章链接**：[citation](https://example.com) 或 [点击这里](https://example.com)

3. **简洁明了**：每条内容控制在 100-200 字

4. **突出实用性**：强调如何应用、解决什么问题

5. **保留原始链接**：

- 如果是技术文章，使用文章 URL

- 如果是推文，使用推文 URL

- 确保链接可访问

6. **中文表达**：使用清晰的中文，技术术语保留英文

7. **发布时间格式**：统一使用 YYYY-MM-DD 格式（如：2026-04-09），不要包含具体时间

## 📊 内容呈现原则

1. **优先展示技术文章**：如果同一主题有文章和推文，优先使用文章

2. **保持多样性**：确保涵盖不同类型的内容（工具、教程、文档等）

3. **注重实用性**：每条内容都要有明确的应用价值

4. **提供上下文**：简要说明为什么这个内容值得关注

## 🚫 格式要求

**不要包含以下内容**：

- 不要添加"本周趋势观察"部分

- 不要添加"生成时间"信息

- 不要添加任何总结性的尾部内容

- 保持周报干净简洁，只包含精选文章列表

生成完整的周报文档。