做一只数字仓鼠,咦,到处都是
推荐一个开源 AI 浏览器自动化框架,可以爬虫,适合复杂网页的数据采集
Magnitude - 免费开源 - 视觉驱动 - 全流程自动化
亮点
• 基于视觉 AI,可用自然语言控制浏览器,跨 DOM 结构适配复杂网页
• 支持导航、交互、数据提取、自动化校验等全流程操作
• 高级抽象,可灵活切换高阶任务与底层操作,支持自定义动作
• 自愈能力强,页面变动不易失效,自动缓存保证流程可复现
• 兼容 Playwright,可用于自动化测试、网页数据采集、无 API 集成等多场景
• 推荐搭配 Claude Sonnet 4 等视觉大模型,快速上手
• 支持企业定制与社区支持,开发文档齐全
官网
magnitude.run
Github
github.com/magnitudedev/m…
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生成的代码
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 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。
1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。
2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。
3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。