奇链 奇链

搭配方案

共 6 条
Playwright + Next.js Next.js+ Turborepo Turborepo + Node.js 18++ Docker+ PNPM+ Supabase+ Tailwind CSS+ Shadcn UI

用 Next.js 与 Supabase 搭建本地可跑的 SaaS 起步套件

✓ 生产级架构决策与严格 TypeScrip✓ 本地 Docker 一键启动 Supab ✕ 文档仍在更新中✕ Lite 版无计费订阅等功能
完整方案 出处
Playwright + Puppeteer Puppeteer + Blitz 渲染引擎+ Stylo CSS 解析器+ Kitesurf+ Cloudflare Workers

在 Workers 中以轻量级方式驱动浏览器完成截图与 HTML 提取任务

Playwright/Puppeteer 通过 Chrome DevTools 协议操控 Kitesurf，Blitz 负责渲染、Stylo 负责 CSS 解析，整体降低资源开销

✓ 资源开销低于完整 Chromium ✕ 不支持视频、WebGL 及真实 TLS
看教程
Playwright + 视觉模型+ GitHub Models+ GitHub Accessibility Scanner

用 Playwright 定位无障碍树中的图片，将 alt 与上下文送入视觉模型做质量检查

Playwright 基于角色定位器筛出无障碍树中的图片，避免标记作者刻意留空的装饰图；模型负责字符串规则无法判断的质量问题

✓ 基于角色定位器排除装饰图，减少误报✓ 确定性规则默认运行，无需凭证 ✕ 模型支持的规则会产生误报✕ 需要认证的图片可能加载失败被跳过
看教程
Playwright + Prisma Prisma+ MySQL MySQL+ RabbitMQ RabbitMQ+ pnpm pnpm+ Vue Vue + Node 20.16.0+ Node.js >= 16+ pnpm >= 9.7.1

前端埋点SDK插件化监控方案，采集数据经MySQL与RabbitMQ存储处理

SDK以插件采集错误、性能、行为数据，Prisma连MySQL存数据，RabbitMQ解耦上报处理

✓ 插件化可插拔，按需接入✓ E2E测试覆盖全面 ✕ 依赖本地MySQL与RabbitMQ，搭✕ 文档托管于外部站点，README信息薄
完整方案 出处
Playwright + LangChain LangChain + Python 3.11/3.14+ Node+ PyPI+ MCP+ noVNC+ Docker Compose+ Ed25519

给 AI agent 一个真实浏览器，支持人工接管、认证复用与审计的安全浏览器控制面

MCP 层供 agent 调用，Playwright 提供真实浏览器会话，noVNC 支持人接管，Docker Compose 本地一键部署

✓ 人类可在脆弱站点实时接管会话✓ 登录一次保存为认证档案复用 ✕ 不做 CAPTCHA 解决与未授权抓取✕ 仅限授权工作流场景
完整方案 出处
Playwright + Gemini Gemini+ Docker Registry Docker Registry+ Poetry Poetry + Python >=3.11,<3.13+ Docker Compose+ SQLite+ Swagger UI

将浏览器版 Gemini 封装为 OpenAI 兼容 API 服务

Playwright 提供浏览器原生运行时，Poetry 管理依赖，Docker 简化部署，统一暴露 OpenAI 兼容接口

✓ OpenAI 兼容接口，客户端通用✓ 支持 Docker 一键部署 ✕ 不提供调用方 API 鉴权✕ Playwright 后端不支持文件部分
完整方案 出处