Menu
"创建前端周刊（fe-weekly）的完整工作流。当用户提到"写周刊"、"创建周刊"、"生成周刊"、"本周周刊"、"fe-weekly"、"前端周刊"、"weekly"时使用此 skill。也适用于用户说"帮我整理本周前端资讯"、"汇总本周技术新闻"、"抓取最新周刊内容"等场景。"
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | fe-weekly-creator |
| description | "创建前端周刊（fe-weekly）的完整工作流。当用户提到"写周刊"、"创建周刊"、"生成周刊"、"本周周刊"、"fe-weekly"、"前端周刊"、"weekly"时使用此 skill。也适用于用户说"帮我整理本周前端资讯"、"汇总本周技术新闻"、"抓取最新周刊内容"等场景。" |
帮助用户从多个技术周刊源自动抓取、筛选、生成中文前端周刊。
整个流程分为 4 个阶段：抓取 → 合并 → 筛选 → 生成。
从以下 6 个周刊源抓取最新一期内容（使用 read_web_page/web_fetch 工具）：
https://javascriptweekly.com/issues/latesthttps://frontendfoc.us/issues/latesthttps://nodeweekly.com/issues/latesthttps://react.statuscode.com/latesthttps://tldr.tech/aihttps://www.deeplearning.ai/the-batch/除以上固定源外，还可以通过 web_search 主动搜索以下渠道获取补充素材：
对每个源，提取以下信息：
抓取时用 forceRefetch: true 确保获取最新内容。
并行抓取所有源以提高效率。
检查用户是否提供了额外的链接。如果有：
read_web_page/web_fetch 读取每个链接的内容从所有抓取的素材中，根据「内容筛选偏好」预筛选出约 15 条最有价值的内容，去掉低质量和重复条目。每个分类不超过 15 条，总量控制在 15 条左右，减轻用户审核负担。
按以下分类展示给用户：
## 📋 本期素材清单（已预筛选，共约 15 条）
### 技术文章（N 篇）
1. [文章标题](链接) — 一句话描述 [来源: JS Weekly]
2. ...
### 工具推荐（N 个）
1. [工具名](链接) — 一句话描述 [来源: Frontend Focus]
2. ...
### 版本发布（N 个）
1. [项目 vX.Y](链接) — 一句话描述 [来源: Node Weekly]
2. ...
### 本周快讯候选（N 条）
1. [关键词](链接) 一句话描述
2. ...
然后询问用户：
src/content/blog/，找到最大的 weekly-N.md 中的 NYYYY-MM-DD）
对用户确认的每条素材，用 read_web_page/web_fetch 读取原文，生成中文摘要点评。
链接规范：写入文档的所有资源链接必须是重定向后的最终 URL。在生成前对每条素材的链接发起请求，跟随重定向（301/302 等）获取最终目标地址，再将最终地址写入周刊 Markdown；不要使用短链、追踪链接或中间跳转地址。确保读者点击后直达原文。
严格遵循以下格式规范（来自项目 AGENTS.md）：
---
title: "前端周刊 #N：关键词1，关键词2"
description: "关键词1，关键词2"
pubDate: YYYY-MM-DD
---
title 和 description 中的关键词从本期最亮眼的 2-3 个话题中提取。
## 本周快讯）— 独立的一周要闻，非下文的总结## 技术文章）## 工具推荐）## 版本发布）[关键词](链接) 中的「关键词」用中文书写，便于读者扫读。## 本周快讯
- [关键词](链接) 一句话描述。
- [关键词](链接) 一句话描述。
### [标题](链接) 中的「标题」一律用中文呈现。若原文为英文标题，需翻译或提炼为简洁的中文标题再写入，不要直接保留英文。h3 后连续 1-3 个 <p> 合并为一张内容卡片（见 src/styles/global.css 与 design-system/MASTER.md）。段落之间用空行分隔，代码块放在所有段落之后。段落分工：
| 段落 | 内容 | 字数上限 |
|---|---|---|
| 第一段 | 来源 + 主题（这是什么） | ≤ 80 字 |
| 第二段 | 核心亮点、关键数字或技术细节 | ≤ 100 字 |
| 第三段（可选） | 对读者的实际价值或适用场景 | ≤ 60 字 |
### [标题](链接)
第一段：来源与主题，1-2 句。
第二段：核心亮点、关键数字或技术细节，1-2 句。
第三段（可选）：对读者的实际价值或适用场景，1 句。
（可选）代码块放在所有段落之后
标准示例 — 技术文章（ChatGPT 架构）：
### [逆向工程 ChatGPT Web：十亿用户规模的 React 架构揭秘](https://performance.dev/chatgpt)
Dennis Brotzky 花数天逆向 chatgpt.com 的 HTML、Bundle 与网络请求，还原服务约 10 亿用户的前端架构。
当前栈为 React 19 + React Router 7 + TanStack Query + Tailwind + Radix + ProseMirror，从 Next.js 12 经 Remix 实验迁移到 RR v7。首屏策略「Can you type yet?」——非关键脚本 defer，SSE 流式首 token、Statsig Feature Flag、零 WebFont，保证打开即可输入。
对做全球化 AI 产品的团队，这是「成熟库 + 极致首屏」的可复制样本。
标准示例 — 工程实践（Medal 瘦身）：
### [Medal 将 Electron 渲染包从 40MB 砍到 2.7MB 的完整路线图](https://medal.tv/blog/posts/w-key-in-frontend-synergizing-technology-and-product)
Rick Zhang 复盘 Medal 2024 年以来的「W-Key」瘦身战役：从 monorepo + pnpm 起步，本地 Vite HMR 让 Electron 开发不再 stop-start。
关键数字：删除 barrel 文件 -2.6MB、外置 .wav -3.4MB、ESM tree-shake -4MB、i18n 动态 import -13MB、按路由 code split -5.4MB，最终 renderer 包 2.7MB。
对 Electron 或超大 SPA 团队，这是可复制的 bundle 治理 playbook。
标准示例 — 版本发布（TypeScript 7.0，含代码块）：
### [TypeScript 7.0 正式发布：Go 原生编译器 GA，构建约 10 倍提速](https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/)
7 月 8 日 TypeScript 7.0 登陆 npm `latest`，Go 重写的 `tsc` 带来 8×–12× 全量构建加速。
7.0 尚无稳定 programmatic API，Vue/Svelte/Astro 模板类型检查器需等 7.1。纯 `tsc` 构建的 React/Node 项目可立即升级。
```bash
npm install -D typescript
npx tsc --version # 7.x
### 4.3 摘要点评写作要求
- 使用中文撰写
- 每张卡片 **2-3 个短段落**，总信息量相当于原来的 4-5 句话，但**禁止挤进单个段落**
- 突出「这是什么」、「为什么重要」和「对你有什么影响」，分别落在不同段落
- 如果是工具/库，说明解决什么问题、核心特性
- 如果是版本发布，说明主要变更和影响
- 适当附上关键代码片段帮助理解（不是每条都需要），代码块独立成 `pre` 块，放在段落后
- 避免空洞的赞美，提供具体的技术信息
- AI 相关内容要关联到前端开发者的实际使用场景
**可读性硬性规则（必须遵守）：**
- 单段不超过 **150 字**；每段最多 **2 句话**，用句号断句
- 禁止用分号串联 3 个以上独立信息点
- 技术栈枚举、关键数字清单、因果链条 **拆到不同段落**
- `**加粗**` 每段最多 2 处，只标注真正关键的词
- 禁止在一段内同时写完整技术栈 + 迁移历史 + 结论
**反模式示例（不要这样写）：**
```markdown
### [标题](链接)
作者写了很长一段话，把 React 19 + RR7 + TanStack Query 技术栈、从 Next.js 迁移的历史、首屏优化策略、Evan You 点评、以及对读者的建议全部用分号串在一个段落里，形成难以扫读的文字墙。（❌ 单段 300+ 字）
每个板块内的条目按以下优先级从高到低排序：
确保读者打开周刊时，第一眼看到的就是本期最值得关注的内容。
将生成的内容写入 src/content/blog/weekly-{N}.md（项目根目录为 fe-weekly 所在路径）。
在筛选阶段，优先选择以下类型的内容：
避免选入：
curl 命令解析最终地址，确保周刊中的所有链接都是直达原文的真实地址使用项目内置脚本 .agents/scripts/resolve-url.sh：
# 批量解析
.agents/scripts/resolve-url.sh 'https://link1' 'https://link2' 'https://link3'
# 输出: https://link1 -> https://final-url1