用 Vibe Coding 搭一个 AI workflow，从增长中的 Shopify 店铺学习模式

Subscribers only —— 订阅后阅读完整版

🧪 一篇 GemLabs lab。 这是 GemLabs 的搭建手记——用 Claude Code、Codex 这类 AI 编程 agent 真刀真枪搭 workflow 的周末实验，整理成一份动手 tutorial。如果你是商家或 Shopify seller，值得拿走的不是这一个工具，而是：你可以用大白话描述一件每天重复的卖货杂活，让 agent 替你搭出来。把这套模板拿去用就好。

2026 年 5 月 19 日傍晚，西贡办公室，团队下班后我打开 Claude Code 试一个小想法：一个下午之内，搭一个 AI 工作流，自动研究 Shopify 生态里正在升温的模式，把结果输出成周末可以打开看的 HTML dashboard。

这篇是一步一步的教程，有真实代码、真实截图，还有一段我想放在最前面的免责说明。

先说免责。 这个工作流是给学习模式和市场研究用的，不是给抄店铺用的。把结果公开分享时，请优先用品类级别的模式语言，而不是点名具体商家：表层 clone 是做不出增长的，因为真正驱动增长的是基础设施（供应链、广告账户历史、创意团队、供应商关系、创始人对品类的直觉）——这些都不会出现在截图里。

什么是 vibe coding，为什么这个工作流适合

Andrej Karpathy 提出 “vibe coding” 这个词，指的是这种开发方式：你用自然语言描述意图，让 LLM 写代码。你不需要懂 Playwright API 或者 OAuth flow 的细节——你需要知道想要什么输出和数据源在哪里。

电商研究适合 vibe coding，有四个原因。

第一，目标清晰：每周一个 dashboard 列出值得关注的模式。第二，数据源已经有 MCP server：Brandsearch 在 2026 年 5 月 19 日发布了带 32 个工具的 MCP，正好是我做这个的当天。第三，pipeline 短：研究 → 写 JSON → 截图 → 渲染 HTML。第四，没有运行时用户输入：一条命令跑完，不用搭 UI。

大概三个小时之后我有了：一个 Claude Code 里的 /weekly-products slash command，一个带每周 cron 的 Express server 用来 headless 跑，一个 dashboard，每个条目是一张卡片，包含截图和一条模式说明。整个 codebase 大概 450 行，一半多是 HTML 模板。

你需要准备什么

全部列出来，附理由。

账号和工具：

Claude Code（CLI 或 desktop）—— 跑 slash command 和 Agent SDK
Anthropic API key —— 只在 headless 部署到 Railway 时需要；本地直接用 Claude Code 的订阅
Brandsearch.co 带 MCP access 的套餐（或任何等价的电商数据 MCP server）
Railway account —— 可选，用来部署每周 cron 和截图服务
本地 Node.js 20+

最低技能要求：

会 npm install 和 cd 到目录
会读 JSON
知道 .env 是什么

你不需要懂 Playwright、OAuth、MCP 协议，或者怎么写 slash command。Claude 全写。

打开 Claude Code 之前要做的三个决定：

输出格式：HTML dashboard、CSV，还是 Notion page？我选 HTML，因为分享一个 link 就够，不依赖任何工具。
节奏：daily 是噪音（电商模式不会在一天内变化），monthly 又太晚。我选周一 UTC 上午 9 点。
筛选：指定品类还是全扫？我默认全扫，最小访问量 50k 过滤掉噪音。

订阅后阅读完整内容。