findyi

Claudecode是个逆天的玩意儿.......

最近一周,我在繁忙的破局公司工作之余,每天抽3小时用ClaudeCode做了一个X-AI信息收集器。

做这个的原因是因为我每天都要花2-3小时在X和FB等各种全球社交平台搜集AI最前沿的信息,过去两年,一天都没停过,前几天突然我觉得自己在浪费时间。

现在AI编程这么厉害了,我完全可以做一个工具,让这个工具抓取各种平台的优质AI信息,并且筛选后发邮件给我,这样我每天看看奏折就行了,哈哈哈哈。

说干就干,这不就干出来了吗?今天来履行点赞过1000就写教程的承诺,这也是我人生第一次写教程。

我当天就充值了 Claude 的会员,并且配置好了 Claude Code 的编码环境,经过几天时间的奋战,就有了你们看到下面的这个 X 数据收集分析工具。

Image
Image
Image

邮件推送服务也已经成功调试好了。

X数据分析平台前期准备工作

你们上面看到的这些炫酷的页面,我一行代码都没写(其实我也写不出来了),全程都是用自然语言与它交流,然后 Claude Code 帮我写出来的,怎么样?酷不酷?

你们想不想学?接下来,我就带你们从零开始实现这个项目,不能保证 UI 界面一模一样,但是该有的功能只要描述到位,基本都能实现;接下来的步骤,请自备科学上网环境,准备好 Claude Code 或者 GLM-4.5 也行;我是用 Claude Code 与 GLM-4.5 进行混合开发

1、Claude Code环境安装

关于Claude Code安装可以直接参考官方文档: https://docs.anthropic.com/en/docs/claude-code/setup

建议使用MAC或者Linux环境,如果是windows开发,那就使用wsl。

Claude安装成功后,可以做个简单验证。

Image

2、关于GLM-4.5环境准备

进入智普开发平台:https://open.bigmodel.cn/usercenter/proj-mgmt/apikeys

输入手机号登陆,完成个人实名认证,然后才可以调用API;点击添加新的API Key,即可以获取Key;

Image

GLM-4.5如何与Claude Code结合

安装完Claude之后,直接在终端中输入claude就会直接进入Claude code的命令行界面;但如果想要与GLM-4.5进行完美融合,则需要先将下方两个变量导入进去,然后启动才会接入GLM-4.5模型;

export ANTHROPIC_BASE_URL=https://open.bigmodel.cn/api/anthropic

export ANTHROPIC_AUTH_TOKEN="此处为智普平台获取的API Key"

接入GLM-4.5界面如下

Image

开始开发X数据分析平台

1、准备工作目录

在你的电脑上找一个地方,然后新建一个目录;打开终端,进入这个目录然后输入claude进入控制台,这样就可以把当前目录作为工作目录,Claude就可以在当前目录开展工作了。

Image

2、开始开发

工作目录准备好了,现在就可以进入Claude中开始开发我们的数据分析平台了;

Image

这个提示是Claude询问你是否信任这个目录,如果选择信任的话Claude就有权读取当前目录下的文件并执行一系列操作,一般直接按下Enter键,选择yes即可,之后就进入了Claude的工作界面。

Image

现在我们就可以用自然语言与它进行交流了,就跟和人聊天一样,需要它做什么直接告诉他就行。

现在我们需要做的是让它帮我们写一个爬取X平台知名AI大V的推文数据;当然在此之前,你也可以让它充当各种角色,比如资深的产品经理、架构师或者技术总监等角色,跟它充分探讨这个项目的可行性;也可以直接撸起袖子开始干,让它直接根据你现有的需求去进行开发,然后在后续的开发过程中不断去进行调整完善。

那我这里就直接让它帮我写出这个程序,我们看看会怎样

Image

这里它告诉我们不能直接帮我们写这个程序,因为这里可能涉及到违反平台规则;但是给出了替代方案,于是我们就选择2,让它通过集成X平台 API V2版本的接口来获取数据

Image

这就已经开始列出分步计划,开始构建这个程序的基本骨架了。

Image

这里开始询问你是否需要创建这个文件,你可以选择yes,但之后每次创建和修改文件的时候都需要你不停的确认;所以我们可以选择第2项,那之后只要在这个会话中创建文件就不需要你频繁的点击确认了,因此你已经默认允许创建了。

Image

现在Claude Code已经帮我们创建了一个python脚本,这个脚本应该可以满足我们的需求,通过集成X API V2版本的API去获取X平台知名AI大V的推文数据,我们可以让它帮忙测试一下;但在测试之前我们需要拿到X平台API的Bearer Token,并配置到.env文件中。

如果你不清楚如何获取这个token,也可以直接问它,它会教你一步步如何获取。

Image

现在它已经告诉我们步骤了,我们可以直接按照步骤来进行操作;首先打开X开发者平 https://developer.x.com/en,

然后用你自己的X账号或者Google账号登陆就行。

Image

https://developer.x.com/en/portal/dashboard ,系统创建了默认项目,此处直接使用默认项目即可;

Image

点击生成即可获取我们需要使用的 Bearer Token,当你拿到了Token后不知道如何配置,也可以请求Claude code来帮你配置,你把token直接告诉它。

Image

它不建议你直接分享token,因为token属于敏感信息;那我们还是自己配置吧

Image

现在可以打开.env文件,将token放在第一行 BEARER_TOKEN=后面了,配置完之后,我们让Claude测试一下看看。

Image

创建虚拟环境并开始启动测试。

根据系统给出提示,我们可以尝试激活虚拟环境并运行测试脚本,看看是否可以获取到API是否可以成功连接。

Image

测试成功。

3、获取Twitter指定用户数据

现在验证我们的API是正常可用的,现在我们可以让Claude Code帮我去调用通过指定用户获取推文的API

Image
Image

上方告诉我们已经成功获取到了马斯克最近一天的推文数据,数据存储到了 musk_tweets_raw_20250808_125940.json这个文件中,让我们打开看一下。

Image

上方马斯克的X主页;我们可以看到他最新一条推文是 Over 44 million image 这一条;那现在我们看看json文件中获取到数据是否一致

Image

可以看到我们获取到的数据和马斯克X主页的推文数据是一致的,现在我们已经成功使用API获取到了X平台的数据。

将命令行工具改造为网页版可视化操作

1、改造为网页版

Image
Image

需要创建静态资源目录,我一般都会信任它,所以直接选择第2项,以后在做类似操作的话就不需要我一直不停的按yes了.

网页版改造好了,让我们访问看一下效果如何

Image

页面出来了,但是感觉似乎不太好看;层次布局也不合理,显得很拥挤对不会?

2、网页布局改造

我们让Claude Code帮忙改造一下网页布局,顺便告诉它批量分析、数据可视化等页面点击没反应;让它帮我们修复一下

Image
Image

它告诉我我们已经帮我们重构了一版UI,现在让我们看看新版UI如何,是否符合我们的审美

Image
Image

你们觉得UI怎么样?我反正是不太满意;那我们接下来就让它扮演UI设计师,分析一下当前的UI存在什么问题,应该如何调整,分析过后就让它按照给出的调整建议进行调整

Image

最后,我要告诉大家一个小技巧,这个过程中,我让ClaudeCode扮演了各种角色,才有了很稳定的产品:

1/顶尖网站体验官

2/顶尖用户体验官

3/顶尖产品设计师

4/顶尖黑盒测试工程师

5/顶尖白盒测试工程师

6/顶尖性能测试工程师

7/顶尖架构师

这个角色扮演的过程可以不断深化。

下一步,我会把这个demo级的产品,商业化,我会让GPT5.0扮演:

1/全球化工具商业操盘手

2/AI工具公司CEO

3/顶级营销增长运营

让这个三个角色帮我把这个产品做成商业产品,并实现一定收入,后续教程可以给大家开源,但要求这个帖子点赞过2000!

奥力给,新时代已经来了,我会坚定的带领大家持续前行。

PS:题图是我们公司程序员水月现在的上班状态,就这状态,也算好员工,因为AI帮他把90%的工作都干了。