Tôi không phải dân kỹ thuật. Để cho Claude tự dựng được landing page trên Webcake, tôi làm đúng vài việc đơn giản: copy một cái link, dán vào khung chat với Claude, và bảo “thêm cái này giúp mình”. Claude tự lo phần còn lại — tôi không mở file cấu hình, không đụng vào menu cài đặt nào cả.

Thứ tạo nên phép màu đó tên là Webcake MCP — cây cầu nối giữa trợ lý AI (Claude) và Webcake. Bài này tôi kể lại đúng cách tôi đã làm, để bạn làm theo trong vài phút.

Trang giới thiệu Webcake Landing MCP
Webcake Landing MCP tại mcp.toolvn.io.vn — nơi bạn lấy link kết nối.

Webcake MCP là gì (nói cho dễ hiểu)?

MCP là cách để một trợ lý AI như Claude “cắm” thêm công cụ bên ngoài. Webcake MCP giúp Claude hiểu cách Webcake hoạt động, để khi bạn nói ý tưởng, nó tự dựng trang đúng chuẩn Webcake rồi lưu vào tài khoản của bạn. Bạn nhận link, mở lên xem và đăng.

Sơ đồ hoạt động của Webcake MCP
Bạn nói ý tưởng – Claude hiểu Webcake – tự dựng & tự kiểm tra – trang được lưu thật vào Webcake.

Cách tôi làm — chỉ dán một cái link

Bước 1 — Lấy link riêng của bạn

Mở webcake.io/mcp-remote rồi bấm Copy. Bạn nhận một đường link đã gắn sẵn “chìa khóa” đăng nhập, trông giống như:

https://mcp.toolvn.io.vn/mcp?jwt=<MÃ CỦA BẠN>

Bước 2 — Dán link vào khung chat và nhờ Claude thêm giúp

Đây là chỗ hay nhất: bạn không phải mở file cấu hình, không phải vào menu cài đặt. Chỉ cần dán cái link vừa copy vào ngay khung chat với Claude, rồi nói một câu như “Thêm cái này vào Claude giúp mình nhé”. Claude sẽ tự thêm nó vào cấu hình và tự kiểm tra kết nối cho bạn.

Dán link vào khung chat và Claude tự thêm
Ảnh chụp thật đoạn tôi làm với Claude: dán link → chọn “Thêm vào Claude Code” → Claude tự thêm vào cấu hình và kiểm tra kết nối. Tôi không hề mở file JSON.

Bước 3 — Khởi động lại một lần là xong

Sau khi Claude báo đã thêm, bạn khởi động lại Claude một lần để nó nạp công cụ mới. Xong — giờ Claude đã “biết” Webcake.

⚠️ Lưu ý bảo mật: Đường link chứa mã đăng nhập riêng của bạn — hãy coi nó như mật khẩu. Đừng chia sẻ, đừng đăng công khai. Nếu lỡ lộ, vào Webcake tạo lại link mới.
Ghi chú: Cách “nhờ Claude tự thêm” ở trên hợp với Claude Code (Claude có thể chỉnh cấu hình ngay trên máy bạn). Nếu bạn dùng claude.ai bản web, hãy tự thêm ở Settings → Connectors → Add custom connector rồi dán cùng cái link đó vào.

Kết nối xong rồi — thử ngay!

Giờ bạn chỉ cần nói bằng lời. Ví dụ: “Dựng cho tôi một trang thu email tặng ebook, tông màu hồng, có form Họ tên + Email và nút Nhận ebook.” — Claude sẽ tự dựng trang, lưu thẳng vào Webcake và trả về link cho bạn mở xem. Muốn sửa? Cứ nói tiếp: “Đổi tiêu đề thành…”, “thêm phần nhận xét khách hàng”, “đổi nút sang màu đỏ”.

Vài mẹo nhỏ

  • Nói càng rõ, trang càng đúng ý: cho biết mục đích trang, màu chủ đạo, nút bấm dẫn đi đâu, có form hay không.
  • Xem trước rồi mới đăng: Claude trả link để bạn mở trong trình chỉnh sửa Webcake, sửa vài chỗ rồi bấm lưu.
  • Muốn link sống lâu dài: gắn tên miền của bạn vào trang trong Webcake.

Kết

Điều tôi thích nhất không phải “AI làm web” — mà là khoảng cách từ ý tưởng đến một trang thật giờ chỉ còn vài câu nói. Dán một cái link, nhờ Claude thêm giúp, rồi cứ nói ý tưởng ra là có trang. Chúc bạn dựng được trang đầu tiên trước khi ly cà phê kịp nguội. ☕

Tags:
Vi Tiến Hoàng
Vi Tiến Hoàng
AI & Marketing Expert

Làm Internet Marketing từ năm 2013. 8+ năm vận hành marketing cho hệ sinh thái của Luật sư Phạm Thành Long: cùng xây kênh YouTube từ 0 lên 1 triệu subscribers, fanpage lên 1,8 triệu followers, chương trình online 30.000 người tham dự. Hiện là Founder MYLINA Group. Song song, với vai trò chuyên gia AI Marketing, đã giúp hàng trăm doanh nghiệp Việt tăng trưởng bền vững.

Bài viết liên quan