# 步驟1：掃描65 個頂級前端信源

你需要搜尋以下65 個前端開發者和機構相關的最新技術內容（過去7 天內）：

## 🏢 機構帳號(17)

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

## 👤 個人帳號(48)

@dan_abramov, @sebmarkbage, @acdlite, @sophiebits, @youyuxi, @patak_dev, @antfu7, @shuding_, @rauchg, @leeerob, @shadcn, @t3dotgg, @kendodds, @ryanflorence, @mjackson @wemrun_runyo, @frecodds, @w @jaffathecake, @argyleink, @Una, @chriscoyier, @sarah_edo, @cassidoo, @housecor, @getify, @BrendanEich, @slicknet, @cramforce, @mathias, @ericwbailey, @mmatuzo, @heydonworks, @hemonman, @jmonman, @jmonman, @hehexdon, @hex @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 tuialecake tool library framework performance optimization tuial``

- 時間範圍：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. **提供上下文**：簡要說明為什麼這個內容值得關注

## 🚫 格式要求

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

- 不要添加"本週趨勢觀察"部分

- 不要添加"生成時間"訊息

- 不要添加任何總結性的尾部內容

- 保持週報乾淨簡潔，只包含精選文章列表

產生完整的周報文件。