做一只数字仓鼠,咦,到处都是
推荐一个开源 AI 浏览器自动化框架,可以爬虫,适合复杂网页的数据采集

Magnitude - 免费开源 - 视觉驱动 - 全流程自动化

亮点
• 基于视觉 AI,可用自然语言控制浏览器,跨 DOM 结构适配复杂网页
• 支持导航、交互、数据提取、自动化校验等全流程操作
• 高级抽象,可灵活切换高阶任务与底层操作,支持自定义动作
• 自愈能力强,页面变动不易失效,自动缓存保证流程可复现
• 兼容 Playwright,可用于自动化测试、网页数据采集、无 API 集成等多场景
• 推荐搭配 Claude Sonnet 4 等视觉大模型,快速上手
• 支持企业定制与社区支持,开发文档齐全

官网
magnitude.run

Github
github.com/magnitudedev/m
我的最新Vibe Coding最佳实践方案

1. 用cursor的terminal打开claude code
2. 告诉Claude code我要干嘛,让他生成技术实现方案
3. 把方案给cursor review,并调整生成最终方案
4. 将最终方案丢给claude code实现
5. 让cursor review生成的代码
我最近用 AI 写页面样式发现让 AI 写出好看大方样式最简单的方法,避免让它添加千篇一律的蓝紫色渐变,那种标题是蓝紫色的样式一看就是 AI 生成的,无一例外。

1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。

2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。

3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。

这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。