Vibe coding một AI workflow học pattern từ các Shopify store đang tăng trưởng

Subscribers only — đăng ký để đọc đủ

🧪 Một bài labs của GemLabs. Đây là nhật ký build của GemLabs — thử nghiệm cuối tuần về cách dựng workflow thật bằng các AI coding agent như Claude Code và Codex, viết lại thành một tutorial thực hành. Nếu bạn là nhà bán hàng hay Shopify seller, điều đáng lấy không phải đúng cái tool này, mà là: bạn có thể tả một việc bán hàng lặp đi lặp lại bằng lời thường rồi để agent dựng tool cho bạn. Cứ mượn cái khuôn đó mà dùng.

Tối 19/05/2026, ngồi ở văn phòng Sài Gòn sau giờ team về, tôi mở Claude Code thử một ý nhỏ. Mục tiêu: trong 1 buổi chiều, build xong một AI workflow tự động đi research patterns đang nổi trong ecosystem Shopify, kết xuất ra một dashboard HTML có thể mở browser đọc cuối tuần.

Bài này là tutorial từng bước. Có code thật, screenshot thật, kèm khuyến cáo mà tôi muốn nói trước khi vào tutorial.

Khuyến cáo trước khi đọc. Workflow này thiết kế cho mục đích học pattern và research thị trường — không phải để clone merchant. Khi share output công khai, hãy ưu tiên nói về pattern / framework thay vì call-out cụ thể từng store: clone bề ngoài không tạo ra growth, vì phần thật sự tạo growth là hạ tầng (supply chain, ad account history, creative team, founder intuition về niche) — những thứ không nhìn thấy được trong screenshot.

Vibe coding là gì, và tại sao workflow này hợp

Andrej Karpathy đặt thuật ngữ “vibe coding” để mô tả lối làm phần mềm khi bạn mô tả ý định bằng tiếng người và để LLM viết code. Bạn không cần biết Playwright API hay OAuth flow chi tiết — bạn cần biết output muốn gì và dữ liệu nguồn ở đâu.

Workflow research ecom hợp với vibe coding vì 4 lý do.

Mục tiêu rõ: mỗi tuần một dashboard liệt kê các pattern nổi bật.
Nguồn data có sẵn qua MCP server: Brandsearch ra MCP với 32 tool ngày 19/05/2026, đúng hôm tôi build.
Pipeline ngắn: research → ghi JSON → chụp hình → render HTML.
Không có user input runtime: chạy 1 lệnh là xong, không cần build UI form.

Sau khoảng 3 giờ, tôi có: một slash command /weekly-products chạy trong Claude Code, một Express server có cron weekly chạy headless, một dashboard mỗi entry là một card kèm screenshot và một câu pattern. Toàn bộ code khoảng 450 dòng, hơn nửa là HTML template.

Chuẩn bị

Liệt kê hết, kèm lý do từng cái.

Account và tool:

Claude Code (CLI hoặc desktop) — chạy slash command và Agent SDK
Anthropic API key — chỉ cần nếu chạy headless trên Railway; local thì Claude Code dùng subscription
Brandsearch.co plan có MCP access (hoặc bất kỳ MCP server data ecommerce nào tương đương)
Railway account — tùy chọn, để deploy cron weekly và screenshot service
Node.js 20+ local

Kỹ năng tối thiểu:

Biết npm install và cd vào folder
Đọc được JSON
Biết .env là gì

Không cần biết Playwright, OAuth, MCP protocol, hay cách viết slash command. Claude viết hết.

3 quyết định trước khi mở Claude Code:

Output format: HTML dashboard, CSV, hay Notion page? Tôi chọn HTML vì share link là xong, không phụ thuộc tool nào khác.
Tần suất: daily là noise (pattern ecom không xoay trong 1 ngày), monthly thì trễ. Tôi chọn Monday 9 AM UTC.
Filter: niche cụ thể hay sweep all? Tôi default all, min visits 50k để loại noise.

Nhập email để đọc tiếp toàn bộ bài.