做一个

自由的

创造者

什么是 Prisma：这是 Prisma 官网的 slogan 翻译过来就是说： Prisma 是一个基于 Node.js 和 TypeScript 的 ORM，它可以帮助开发者以更快的开发速度和更少的错误来管理数据库。 关于 ORM（Object/Relational Mapping），简单来说就是一个可以像操作对象一样操作数据库的工具。 具体 ORM 介绍可以参看 阮一峰 老师的《ORM 实例教程》

确保 cf.com 能直接访问服务：不管是 worker/pages/tunnel，使用添加第三方服务的方式绑定到 cf.com，确保 cf.com 能访问到服务

一个全栈项目的困境：几个月前，我用 Claude Code 开发一个全栈项目：用 Next.js + Prisma.js + PostgreSQL 搭建后台系统，用 React + Taro 搭建小程序客户端。小功能、单文件的修改，Claude Code 都能给出不错的结果。 但项目变大后，问题开始浮现。 有一次，我在开发一个比较复杂的数据同步功能，涉及后台 API、数据库迁移、小程序端的状态管理等多个部分。最初几轮对话还算正常，但随着来回修改，对话变得越来越长。然后我发现，Claude Code 生成的代码质量开始明显下降——风格不统一、逻辑有遗漏、甚至出现一些低级错误。

背景：一个自动化需求引发的思考：最近遇到一个典型的数据处理场景：每周需要处理销售数据 Excel 表格，提取关键指标，分析趋势，生成总结报告并发送到 Slack。整个流程涉及多个步骤，且需要保留中间产物（提取后的 Excel）供后续核对。 这让我想到用 Claude Code 实现自动化，但面对 Skills、Agents、MCP、Hooks 等多种扩展机制，我陷入了困惑： - 该用哪种机制？ - 它们的本质区别是什么？ - 如何组合使用才能实现最优方案？ 本文将从这个实际需求出发，系统梳理 Claude Code 的所有扩展机制，并展示如何设计一个合理的自动化解决方案。

背景：AI 工具的网络抓取需求：在使用 AI 编程助手（如 Claude Code）的过程中,我们经常需要让 AI 从互联网获取信息： - 查找最新的技术文档和 API 说明 - 抓取网页内容进行分析和总结 - 批量获取数据用于开发决策 - 实时查询动态内容 然而,不同网站的反爬虫策略差异巨大,从静态 HTML 到复杂的 JavaScript 渲染,从无保护到 CAPTCHA 验证,这给工具选择带来了挑战。

一、初识 Playwright：不仅仅是自动化测试工具：