VideCoding - Claude Code 自动化编程

欢迎关注我的CSDN:https://spike.blog.csdn.net/

本文地址:https://spike.blog.csdn.net/article/details/159891870

免责声明:本文来源于个人知识与公开资料,仅用于学术交流,欢迎讨论,不支持转载。


使用 Claude Code 自动化编程,需把握几个核心要点。拆分任务粒度,将大功能拆解为小步骤,每次聚焦一个目标,避免一次性修改过多代码。复杂实现先进入 Plan 模式,探索代码库设计方案,获批后再编码,减少返工。高危操作务必确认,不跳过 Git 钩子验证,遵循项目现有规范,不随意重构未修改代码。优先使用专用工具提高准确性,及时保存关键信息到项目记忆,帮助后续对话更好理解上下文,提升协作效率。

使用 status 查看 claude code 的相关配置,运行项目 Token 消耗量,如下:

进入 ai-news-digest 项目文件夹:

bash 复制代码
mkdir ai-news-digest && cd ai-news-digest
claude

项目提示词,在.claude/history.jsonl查看历史提示词,如下:

bash 复制代码
帮我做一个AI新闻聚合CLI工具。需求如下:
1. 从以下RSS源抓取最近24小时的文章:
- TechCrunch AI (https://techcrunch.com/category/artificial-intelligence/feed/)
- The Verge AI (https://www.theverge.com/rss/ai-artificial-intelligence/index.xml)
- Hacker News前30条 (https://hnrss.org/newest?q=AI&count=30)
2. 对每篇文章提取标题、链接、发布时间、来源
3. 按时间倒序排列,输出一份Markdown格式的日报到 output/ 目录
4.用TypeScript写,用tsx直接运行
先别急着写代码,给我一个实现方案。},2:{id:2,type:text,content:帮我做一个AI新闻聚合CLI工具。需求如下:
1. 从以下RSS源抓取最近24小时的文章:
- TechCrunch AI (https://techcrunch.com/category/artificial-intelligence/feed/)
- The Verge AI (https://www.theverge.com/rss/ai-artificial-intelligence/index.xml)
- Hacker News前30条 (https://hnrss.org/newest?q=AI&count=30)
2. 对每篇文章提取标题、链接、发布时间、来源
3. 按时间倒序排列,输出一份Markdown格式的日报到 output/ 目录
4.用TypeScript写,用tsx直接运行
先别急着写代码,给我一个实现方案。

---

方案没问题。补充两点:
1. 日报里每篇文章除了标题和链接,加一句话摘要(从文章description里截取前100字)
2. 日报开头加一个统
计:共收录X篇,来自Y个源

---

## 需要较多的 Token 数量
请你继续帮我完善这个项目:
1. 增加对于文章的一句话描述+文章的摘要+中文标题与英文标题对照,全部都是中文;
2. 增加一个浏览器可以访问的界面,同时,增加一个按钮,点击即可触发当前功能。
请先想想如何改进,列出改进动作。页面风格,具有科技感,参考宇航中心。

模型主要使用 DeepSeek V3.2 完成,项目如下:

本项目使用 方舟 Coding Plan 支持 Doubao、GLM、DeepSeek、Kimi、MiniMax 等模型,工具不限,订阅越多越划算!

立即订阅:购买链接

项目的 Readme:

markdown 复制代码
# AI新闻聚合系统

一个完整的AI新闻聚合解决方案,包含CLI工具和Web界面,从多个RSS源抓取AI相关新闻,生成每日摘要报告。

## 🎯 核心功能

### CLI工具(原有功能增强)
- 📡 **多源抓取**: 从TechCrunch AI、The Verge AI、Hacker News三个来源抓取最新文章
- ⏰ **时间过滤**: 自动筛选最近24小时内的文章
- 🤖 **大模型增强**: 为每篇文章生成中英文标题对照、一句话描述、详细摘要和关键点
- 📊 **智能统计**: 显示文章总数、来源分布、时间范围、增强文章比例
- 📝 **摘要生成**: 每篇文章包含一句话摘要(截取前100字)
- 📁 **自动归档**: 按日期生成Markdown文件,保存到`output/`目录
- 🚀 **简单易用**: 一键运行,无需复杂配置

### Web界面(新增功能)
- 🌐 **浏览器访问**: 完整的Web控制面板,宇航中心科技感设计
- 🚀 **一键抓取**: 大型显眼按钮,实时触发最新资讯抓取
- 📈 **实时监控**: WebSocket实时更新抓取进度和系统状态
- 📊 **数据可视化**: 统计卡片、数据源状态、系统日志
- ⚙️ **配置管理**: RSS源配置、大模型API设置、界面主题
- 📄 **日报管理**: 生成、预览、下载Markdown格式日报

## 安装使用

### 前提条件
- Node.js 18+
- npm 或 yarn

### 安装步骤
bash
# 克隆项目
git clone <repository-url>
cd ai-news-digest

# 安装依赖
npm install


### 运行日报生成
bash
# 使用npm脚本
npm run digest

# 或直接使用tsx
npx tsx src/index.ts


### 输出示例

🚀 AI新闻聚合工具启动...
📅 当前时间: 2026-04-06 13:40:51
📡 开始抓取RSS源...
✅ 抓取完成,共获取 60 篇文章
🔧 处理文章中...
✅ 处理完成,过滤后剩余 36 篇文章
📝 生成Markdown日报...
💾 保存日报文件...
🎉 AI新闻日报生成成功!
📄 文件位置: output/ai-digest-2026-04-06.md
📊 统计信息: 36篇文章,来自3个来源


## 项目结构


ai-news-digest/
├── src/                    # CLI工具源代码
│   ├── index.ts           # 主入口,协调各模块
│   ├── fetcher.ts         # RSS抓取模块
│   ├── parser.ts          # 文章解析和过滤模块
│   ├── generator.ts       # Markdown生成模块
│   ├── writer.ts          # 文件输出模块
│   ├── types.ts           # 类型定义
│   ├── config/           # 配置管理
│   └── llm/              # 大模型增强模块
├── web/                   # Web应用
│   ├── backend/          # Express后端
│   │   ├── src/         # 后端源代码
│   │   └── package.json # 后端依赖
│   └── frontend/         # React前端
│       ├── src/         # 前端源代码
│       └── package.json # 前端依赖
├── shared/               # 共享代码
│   └── services/        # 共享服务层
├── output/               # 生成的日报目录
├── package.json          # 根项目配置
├── tsconfig.json        # TypeScript配置
└── README.md            # 说明文档


## 数据源

1. **TechCrunch AI**: https://techcrunch.com/category/artificial-intelligence/feed/
2. **The Verge AI**: https://www.theverge.com/rss/ai-artificial-intelligence/index.xml
3. **Hacker News**: https://hnrss.org/newest?q=AI&count=30

## 输出格式

### CLI工具生成的Markdown文件包含:

1. **统计概览**: 收录时间范围、文章总数、来源数量、增强文章比例
2. **按来源分组**: TechCrunch AI、The Verge AI、Hacker News
3. **每篇文章**(增强版):
   - 中文标题 + 英文标题对照
   - 发布时间
   - 一句话描述
   - 详细摘要(大模型生成)
   - 关键点列表
   - 原文链接
4. **每篇文章**(基础版,当大模型不可用时):
   - 标题(带链接)
   - 发布时间
   - 摘要(前100字)
5. **页脚信息**: 数据源链接、生成时间、工具版本

### Web界面功能:
- **实时仪表盘**: 统计卡片、系统状态、一键抓取按钮
- **文章中心**: 增强内容展示、筛选、搜索
- **日报管理**: 生成、预览、下载
- **系统设置**: RSS源管理、大模型配置、界面主题

## 技术栈

### CLI工具
- **TypeScript**: 类型安全的JavaScript超集
- **tsx**: TypeScript执行环境
- **rss-parser**: RSS/Atom解析库
- **node-fetch**: HTTP请求库
- **date-fns**: 日期处理库

### Web界面
- **后端**: Express + TypeScript + WebSocket
- **前端**: React + TypeScript + Vite + Tailwind CSS
- **共享层**: 重用CLI核心逻辑
- **设计**: 宇航中心科技感风格,深蓝+青色主题

## 🌐 Web界面使用

### 快速启动
bash
# 1. 安装Web依赖
npm run web:install

# 2. 启动开发服务器(后端+前端)
npm run web:dev

# 3. 访问Web界面
# 前端: http://localhost:5173
# 后端API: http://localhost:3000


### 主要功能
1. **控制面板**: 实时系统状态、统计卡片、一键抓取按钮
2. **文章中心**: 浏览所有文章,支持按来源筛选,查看增强内容
3. **日报生成**: 生成、预览、下载Markdown格式日报
4. **系统设置**: 配置RSS源、大模型API、界面主题

### 大模型增强配置
系统默认从以下位置读取API配置:
1. `~/.claude/settings.json` - Claude Code配置文件
2. 环境变量: `ANTHROPIC_API_KEY`, `OPENAI_API_KEY`
3. 支持Anthropic Claude API和OpenAI兼容API

### 项目结构扩展

ai-news-digest/
├── src/                    # 原有CLI代码
├── web/                    # Web应用
│   ├── backend/           # Express后端 (端口: 3000)
│   └── frontend/          # React前端 (端口: 5173)
├── shared/                # 共享代码(CLI和Web共用)
├── output/                # 生成的日报目录
└── config/               # 配置文件


## 🔧 扩展开发

### 添加新的RSS源
1. 在`src/fetcher.ts`的`SOURCES`数组中添加新的源配置
2. 类型支持:`{ name: string, url: string, type: 'rss' | 'hn' }`

### 修改时间范围
在`src/parser.ts`的`filterRecentArticles`函数中修改`hours`参数

### 自定义输出格式
修改`src/generator.ts`中的`generateMarkdown`函数

## 许可证

MIT%
相关推荐
缘友一世3 小时前
Claude-Code配置Serper-MCP指南
mcp·claude code·serper
onlooker66663 小时前
Claude code 源码学习
学习·ai编程·claude code
数据知道14 小时前
claw-code 源码详细分析:Route / Bootstrap / Tool-Pool——把提示词映射到「可执行面」的分层策略
网络·ai·web·claude code
一直会游泳的小猫14 小时前
oh-my-claudecode-vs-everything-claude-code
plugin·ecc·claude code·omc·omc vs ecc
数据知道1 天前
claw-code 源码详细分析:Compaction 前置课——上下文压缩在接口层要预留哪些旋钮,避免后期全局返工?
python·ai·claude code
数据知道1 天前
claw-code 源码详细分析:`reference_data` JSON 快照——大型移植里「对照底稿」该怎么治理与演进?
linux·python·ubuntu·json·claude code
数据知道1 天前
claw-code 源码详细分析:子系统目录地图——几十个顶层包如何用五条轴(会话 / 工具 / 扩展 / 入口 / 桥接)读懂?
服务器·python·ai·claude code
数据知道1 天前
claw-code 源码详细分析:命令宇宙 vs 工具宇宙——`commands` / `tools` 镜像清单如何驱动路由与 shim 执行?
linux·服务器·网络·python·ai·claude code
tianbaolc1 天前
Claude Code 技能系统深度解析:核心架构
ai·架构·claude code