Clawdbot火爆后我忍不住了:零基础文科生实战Vibe Coding

PANews
SOL-1,71%

Tác giả: Denise I Biteye Nội dung đội ngũ, Bbo I XHunt vận hành đội ngũ

Gần đây khi lướt X thấy Clawdbot mọi người đều đang dùng AI đại lý để làm đủ thứ, đột nhiên cảm thấy dân văn khoa cũng có thể chơi code theo phong cách “vibe” rồi, thế là bắt đầu thực chiến từ con số 0.

Vibe Coding được xem như một phương pháp mới “yêu cầu là mã” và thậm chí còn được kỳ vọng “giúp cả người không phải lập trình cũng có thể xây dựng công cụ”.

Tuy nhiên, một vấn đề thực tế luôn tồn tại: Khi ngưỡng kỹ thuật được hạ thấp, khả năng triển khai thực tế có theo đó không?

Để trả lời câu hỏi này, tôi đã trải nghiệm đầy đủ ba công cụ Vibe Coding chính thống với tư cách là người hoàn toàn không có kinh nghiệm về code.

Quá trình không suôn sẻ: vấp ngã, thất bại, phải làm lại nhiều lần, nhưng chính nhờ vậy tôi đã hiểu rõ những chỗ dễ gặp vấn đề nhất và cách tránh các “hố” đó.

Bài viết này không phải là bài đánh giá công cụ, mà là một ghi chép chân thực từ nhận thức đến thực hành.

Một, Hiểu biết về khái niệm: Vibe coding là gì?

Đây là một phương pháp phát triển mới “chỉ cần đề xuất yêu cầu, không cần viết code”.

Khái niệm này lần đầu được đồng sáng lập OpenAI Andrej Karpathy đề xuất, câu nói của ông là:

“Đây là một cách lập trình mới, tôi gọi là Vibe Coding. Bạn hoàn toàn giao phó cho cảm giác (Vibes), đón nhận sự tăng trưởng hiệu quả theo cấp số nhân, thậm chí quên luôn sự tồn tại của mã.”

Trong mô hình Vibe Coding, bạn không còn là “thợ xây”, mà giống như “quản lý sản phẩm” hoặc thậm chí là “bố mẹ chủ đầu tư”.

Nhiệm vụ của bạn là chính xác nói với AI: “Tôi muốn xây một căn nhà, ở đây cần có cửa sổ lớn, chỗ kia cần có hồ bơi.”

Nếu không hài lòng, bạn nói: “Cảm giác chưa đúng, làm lại đi.”

Đó chính là vibe!

Hai, Hướng dẫn tránh hố: Ngưỡng an toàn của Vibe Coding

Trước khi mở cánh cửa lập trình AI, bạn phải khóa chặt “kho báu” của mình. Nhiều người mới khi trò chuyện với AI thường vô thức gửi thông tin nhạy cảm, điều này cực kỳ nguy hiểm.

1. Ba loại dữ liệu tuyệt đối không tiết lộ

  • API Key: Tương tự như thẻ nạp của các nền tảng, lộ ra là hết hạn ngay lập tức.
  • Khoá riêng/Phương thức khởi tạo: Tuyệt đối, mãi mãi không gửi cho AI hoặc ghi vào file code nào. Lộ ra là tài sản trên chuỗi của bạn sẽ về 0.
  • Cookie: Một số hướng dẫn dạy bạn lấy Cookie từ trình duyệt để tự động hoá, nhưng Cookie chứa trạng thái đăng nhập, lộ ra thì người khác có thể đăng nhập trực tiếp vào Twitter, Discord hoặc sàn giao dịch của bạn mà không cần mật khẩu.

2. Nguyên tắc cốt lõi: Môi trường cách ly, dữ liệu được làm sạch

Không bao giờ viết API Key hoặc thông tin nhạy cảm trực tiếp vào code hoặc prompt.

Cách đúng là dùng “biến môi trường”, để code đọc tên biến hệ thống, chứ không đọc trực tiếp khoá.

Cấu hình trên Windows như sau:

  • Nhấn tổ hợp Win + S, gõ tìm 【Biến môi trường】
  • Tạo biến mới
  • Nhập tên biến, giá trị biến rồi lưu

Cấu hình trên macOS như sau:

  • Nhấn Command + Space, tìm 【Terminal】 rồi mở ra.
  • Trong cửa sổ đen, copy dán lệnh sau (thay thế khoá thật của bạn):

echo ‘export CRYPTOHUNT_API_KEY=“khoá sk-xxxxxx của bạn”’ >> ~/.zshrc

  • Để cấu hình có hiệu lực ngay, tiếp tục gõ và Enter: source ~/.zshrc
  • (Tuỳ chọn) kiểm tra thành công bằng cách gõ: echo $CRYPTOHUNT_API_KEY, nếu in ra khoá của bạn thì đã thành công.

Ba, Thực chiến (vấp ngã) tổng kết: Ba công cụ, ba trải nghiệm

Sau khi đã nói xong lý thuyết, chúng ta vào thực hành luôn. Để tìm ra công cụ phù hợp nhất, tôi đã thử ba công cụ chính thống. Lý do chọn chúng là vì chúng đại diện cho ba dạng chính của Vibe Coding hiện nay:

  • Google AI Studio: đại diện cho “tốc độ tạo mẫu” nhẹ nhàng
  • Antigravity: đại diện cho “AI đại lý + phát triển toàn bộ hệ thống tại chỗ”
  • Lovable: đại diện cho “đối thoại chính là ứng dụng”

Nếu bạn chỉ muốn biết công cụ nào phù hợp để triển khai ngay từ con số 0, có thể bỏ qua phần này và nhảy thẳng đến Lovable; còn nếu muốn tránh mất thời gian, nên đọc hết phần này. Bây giờ bắt đầu tổng kết theo thứ tự.

1. Google AI Studio

Vị trí: phù hợp cho cá nhân, nhóm khởi nghiệp

Trải nghiệm: tập trung vào “nhanh” và “miễn phí”, giúp bạn xác minh ý tưởng AI trong vài phút

Trang chủ: https://aistudio.google.com/apps

Lần đầu tôi dùng nó là vào dịp Giáng sinh. Mọi người đều làm cây thông Noel cyber, tôi cũng thử một chút. Vứt một prompt tùy ý, chỉ trong 5 phút, nó đã tạo ra một trang 3D cực kỳ đẹp mắt, các hạt particle theo cử chỉ di chuyển mượt mà.

Lúc đó tôi không khỏi thán phục: thời đại thật sự đã thay đổi.

(Nhớ lại ngày xưa, các anh kỹ thuật làm đêm để làm vui lòng các cô gái, viết một đống code rồi chạy nửa ngày mới ra một trái tim đập, cảm giác rất ngầu. Còn giờ thì sao? Bạn hoàn toàn có thể giao cho vibe coding, chỉ trong phút chốc đã đạt được giá trị cảm xúc cao ngất ngưởng.)

Nhờ có các ví dụ thành công, tôi bắt đầu “phổng mũi” lên, bắt đầu làm việc nghiêm túc: gọi API Cryptohunt để tạo dashboard dữ liệu Twitter.

Tôi tự tin gửi tài liệu API cho nó. Mọi thứ ban đầu suôn sẻ, backend logic chạy ngay, dữ liệu cũng lấy về thành công. Tôi nghĩ: Cứ thế này là xong?

Nhưng khi tôi yêu cầu nó trình bày dữ liệu đẹp mắt trên frontend, bắt đầu ác mộng:

  • Biểu đồ không hiển thị? Nó sửa code
  • Hiển thị nhưng thiếu? Nó lại sửa code, rồi giao diện bị lỗi
  • Giao diện sửa xong? Lúc này API không load dữ liệu nữa

Tôi cứ thế rơi vào vòng lặp “sửa bug—phát sinh bug mới”. Mất 2 ngày, tôi bỏ cuộc.

Hình ảnh hiển thị cuối cùng (AI đã bắt đầu vẽ vời lung tung)

Tổng kết vấp ngã: Google AI Studio là một “học sinh giỏi môn sáng tạo”. Làm mấy trang demo đơn giản, nó quá tuyệt. Nhưng khi đụng đến tích hợp sâu giữa frontend và backend (ví dụ luồng dữ liệu API + hiển thị phức tạp), nó dễ bị mất phương hướng. Nếu bạn không hiểu rõ logic code, dễ bị mắc kẹt trong ngõ cụt của frontend như tôi.

2. Antigravity

Vị trí: công cụ phát triển toàn bộ hệ thống tích hợp chuyển đổi nhiều mô hình

Đặc điểm: chuyển đổi mô hình, phân chia nhiệm vụ, tự động kiểm thử

Trang chủ: https://antigravity.google/

Trong quá trình dùng, chưa kịp viết code đã suýt bị nó làm nản vì yêu cầu đăng nhập. Nó không giống các công cụ khác, mở trang là có thể bắt đầu, mà đòi hỏi yêu cầu về tài khoản và môi trường mạng rất nghiêm ngặt.

Hạn chế về tài khoản không do IP mạng của bạn quyết định, mà do “quốc gia/ khu vực” liên kết với tài khoản Google của bạn. Nếu khu vực không nằm trong danh sách hỗ trợ (ví dụ Trung Quốc, Hồng Kông), đăng nhập sẽ bị từ chối. Tôi đã nhiều lần bị từ chối yêu cầu đổi khu vực.

Cả quá trình, chỉ có thể hình dung như: “người dùng bị mệt mỏi”.

Sau khi trải qua 3 tài khoản bị khoá và nhiều lần chuyển đổi môi trường, tôi đã tìm ra cách đăng nhập “chuyên nghiệp”: Antigravity tools

  1. Ban đầu cần thiết lập IP Mỹ + chế độ toàn cầu VPN
  2. Tải về antigravity tools

Chia sẻ từ cộng đồng Twitter: https://x.com/idoubicc/status/2004848130693759213 3. Sau khi tải về, thêm tài khoản và bắt đầu cấp OAuth

  1. Sau khi cấp quyền thành công, sẽ chuyển đến trang đăng nhập, đồng thời có thể xem rõ hạn mức mô hình của bạn

(Rủi ro: Antigravity Tools là dự án mã nguồn mở, giúp tích hợp mô hình Antigravity vào Claude Code hoặc các công cụ khác. Trong quá trình Vibe Coding, khuyên bạn cách ly môi trường thao tác với ví tiền hoặc các tài khoản quan trọng để giảm thiểu rủi ro an ninh.)

Sau khi vào trong công cụ, tôi cũng tổng hợp hai mẹo cực kỳ quan trọng cho người mới:

  1. Cài plugin tiếng Trung: tìm “Chinese” trong thanh mở rộng bên trái, cài gói ngôn ngữ tiếng Trung giản thể, khởi động lại phần mềm. Bước này giúp giao diện chuyển sang tiếng Trung, giảm đáng kể độ khó hiểu.
  2. Thêm “quy tắc toàn cục”: Antigravity cho phép bạn thiết lập một “quy tắc chung”, để AI luôn tuân thủ. Cách làm: nhấn biểu tượng Rules bên phải → chọn + Workspace (thêm quy tắc cho workspace) dán đoạn “quy tắc chung” vào, có thể bắt buộc nó dùng tiếng Trung, nâng cao chất lượng output code.

Dù đã đăng nhập thành công và cấu hình ban đầu, khi bắt đầu chạy code thực tế, tôi vẫn bị dội một gáo nước lạnh. Nó không thể xem trước kết quả như Google AI Studio. Phải tải thêm phần mềm xem trước như Node.js, VS Code hoặc chỉ xem trong HTML. Thêm nữa, tốc độ phản hồi của các mô hình lớn rõ ràng chậm hơn mắt thường, mỗi lần tôi đề xuất yêu cầu, màn hình cứ quay quay mãi.

Tuy nhiên, Antigravity có một tính năng cực kỳ ấn tượng: tự động kiểm thử. Sau khi viết xong code, nó sẽ khởi động chế độ xem trước video, tự click vào trang web để kiểm tra logic có chạy đúng không. Nhìn AI tự động click, tôi cảm giác như “tương lai đã đến”.

Tôi thử làm dự án: “Một bộ phát hiện tín hiệu Alpha tiền mã hoá. Sử dụng API Cryptohunt để theo dõi dữ liệu Twitter, tự động lấy Ticks trong tweet, thống kê các token được bàn luận nhiều nhất, xếp theo độ hot.”

Thực tế khá phũ phàng. Dù nó cố gắng giúp tôi viết code, kiểm thử, nhưng trong phần kết nối API chính, tôi vẫn gặp khó. Có thể do môi trường mạng nội bộ phức tạp, hoặc AI hiểu sai tài liệu API, dữ liệu không thể kết nối.

Demo: hiển thị dữ liệu mô phỏng

Nhìn dòng lỗi đỏ trong terminal, và AI cứ “chắc chắn lần này thành công”, tôi nhận ra: full-stack tốt thật đấy, nhưng do vấn đề mạng và môi trường “hộp đen”, muốn làm ra một công cụ thực sự dùng được, đối với người mới vẫn còn rất cao. Vì Antigravity mặc định bạn đã là lập trình viên.

3. Lovable

Vị trí: nền tảng “đối thoại chính là ứng dụng”

Đặc điểm: không cần cấu hình môi trường cục bộ, mọi thứ đều có thể làm ngay

Trang chủ: https://lovable.dev/

Việc dùng Lovable giúp tôi cảm nhận rõ thế nào là “bố chủ đầu tư thực thụ”, hay chỉ vì nó cần trả phí? (tips: mua 100 credits với 15RMB trên Taobao, đến khi làm xong vẫn chưa dùng hết)

Chỉ với một dòng code, tôi đã hoàn thành công cụ theo dõi Crypto Twitter sau đây — Crypto Pulse (nhịp đập mã hoá):

Đúng vậy, lần này tôi đã thành công rồi.

Địa chỉ trải nghiệm trực tuyến: https://tweet-whisperer-dash.lovable.app/

“Chi tiết chức năng”

A. Tổng quan dữ liệu và tóm tắt AI

Vào trang chính, hiện ra “cây nhiệt độ” của nội dung:

  • Thẻ dữ liệu thời gian thực: trên cùng hiển thị tổng số tweet trong 24h, tổng tương tác, số KOL hoạt động, Chỉ số cảm xúc thị trường. Không cần xem nội dung cụ thể, chỉ cần so sánh dữ liệu 24h trước, nhìn màu đỏ hay xanh là biết thị trường hôm nay đang hoảng loạn hay tham lam.
  • Tóm tắt AI thông minh: đây là chức năng tiết kiệm thời gian nhất. Hệ thống tích hợp Gemini AI, tự đọc hàng nghìn hàng vạn tweet trong vài giờ qua, rồi viết một bản tóm tắt thị trường cho bạn.

B. Radar xu hướng

Không muốn bỏ lỡ đồng coin tiềm năng gấp trăm lần?

  • Phân loại tự động: lọc các hot topic thành Topic (chủ đề), Project (dự án), Token (đồng token) và KOL
  • Chỉ số tăng giảm: bên cạnh mỗi nhãn là tỷ lệ thay đổi số lần đề cập trong 24h (tăng / giảm). Nơi nào thảo luận tăng vọt, nơi đó có cơ hội.

C. Luồng thông tin thông minh

Từ bỏ dòng thời gian rối rắm, ở đây có 4 tab đã được làm sạch:

  • Nổi bật: nội dung giá trị cao do AI lọc lại, loại bỏ spam vô nghĩa.
  • Hot: tweet có lượng tương tác (like + retweet) cao nhất hiện tại.
  • Big V: chỉ xem các “ông lớn” trong ngành (ví dụ Elon Musk, Vitalik) có phát ngôn mới nhất.
  • Mới nhất: các tweet mới nhất của các tài khoản liên quan Crypto, luôn cập nhật nội dung mới.

*Chi tiết trải nghiệm: hỗ trợ lọc theo khu vực (khu vực tiếng Anh / Trung Quốc), click vào thẻ sẽ chuyển trực tiếp đến tweet gốc.

“Lời nhắc sử dụng”: Vì hiện tại tôi dùng API Key cá nhân, dữ liệu gửi về sẽ tiêu tốn credits API, hạn mức có giới hạn, khuyên mọi người nhanh tay trải nghiệm.

Bốn, Mẹo thực dụng API Cryptohunt

Trong quá trình Vibe coding, tôi chọn dùng cơ sở dữ liệu Cryptohunt có giá trị tốt nhất. Không rành về coding, nhưng đã nắm rõ API, tôi viết luôn một số mẹo.

Link chính thức: https://pro.cryptohunt.ai/

1. Feed chính xác

Nhiều người mới sẽ gửi nguyên đống tài liệu API dài hàng vạn chữ cho AI, AI cũng bị rối.

  • Sai ví dụ: Đây là tài liệu API, bạn tự xử lý đi.
  • Đúng ví dụ: Tôi muốn làm chức năng theo dõi token. Vui lòng đọc phần về post /tweet/mention_tweets trong API Cryptohunt. Hướng dẫn tôi lấy dữ liệu trong 1 giờ gần nhất?

Prompt mẫu: “Gọi API /tweet/mention_tweets, tìm tweet có ticker là SOL. Giới hạn thời gian trong 24h gần nhất. Giúp tôi lọc ra 5 tweet có tương tác (like + retweet) cao nhất, xem cảm xúc của mọi người về SOL thế nào.”

2. Công cụ debug

Trong quá trình Vibe Coding, tình huống làm đi làm lại gây phát điên nhất là: nhấn nút nhưng màn hình không phản hồi. Lúc này, người mới thường tự hỏi: AI code sai rồi? Mạng chậm? API lỗi?

Có thể mở API usage để làm mới:

  • Có ghi nhận, trừ điểm: nghĩa là API đã thành công! Dữ liệu đã gửi về máy bạn. Đây là vấn đề frontend. Có thể nói với AI: “Dữ liệu đã lấy về rồi, nhưng màn hình không hiển thị, kiểm tra lại phần render.”
  • Không ghi nhận gì: nghĩa là yêu cầu chưa gửi đi! Vậy là lỗi logic hoặc mạng. Nói với AI: “Nhấn nút không phản hồi, yêu cầu không gửi đi, kiểm tra sự kiện click.”

Chỉ cần gửi kết luận cho AI, tốc độ sửa lỗi sẽ nhanh hơn. Trong quá trình Vibe Coding, thực chất phần tốn thời gian nhất không còn là viết code nữa, mà là xác định vấn đề nằm ở đâu.

Khi giao phó các cú pháp phức tạp và chi tiết thực thi cho AI, trọng tâm phát triển sẽ trở lại kiểm soát thông tin.

Vì vậy, mọi người thường nói, đỉnh cao của Vibe Coding không phải là code, mà là dữ liệu.

Năm, Kết luận: Hai bí quyết cốt lõi để làm chủ Vibe Coding

Từ “làm thử” Google AI Studio, đến “tra tấn” Antigravity, rồi “bùng nổ” Lovable, cuối cùng tôi hiểu rõ: công cụ chỉ là thanh kiếm trong tay, còn Vibe của bạn mới là đạo lý trong lòng.

Khi thử Vibe Coding, hãy nhớ hai điểm then chốt này, quan trọng hơn bất kỳ đoạn code nào:

1. Dám nghĩ: trí tưởng tượng là “tấm ván trượt” duy nhất của bạn

  • Trong thời đại Vibe Coding, rào cản kỹ thuật đã sụp đổ. Trước đây, chúng ta không dám làm công cụ vì sợ không làm nổi, giờ chứng minh bằng thực chiến, chỉ cần logic rõ ràng, AI đều có thể viết ra.
  • Đừng chỉ làm “thợ xây”, hãy trở thành “kiến trúc sư”: Dám nghĩ những sản phẩm mà trước đây không dám nghĩ tới. Là radar theo dõi dữ liệu toàn mạng? Hay robot tự động kiếm lợi nhuận? Nhiệm vụ của bạn là biến “mong muốn mơ hồ” trong đầu thành “bản thiết kế rõ ràng”.

2. Biết nói: Prompt chính là mã nguồn của bạn

Nhiều người mới thất bại không phải vì AI ngu, mà vì quá “lịch sự” hoặc quá “mơ hồ”.

Yêu cầu mơ hồ = kết quả mơ hồ

  • Phản đối mơ hồ: Đừng nói với AI “giúp tôi làm một trang web dễ dùng”. (AI: dễ dùng thế nào?)
  • Hướng tới chính xác: Nói như khi tôi làm dashboard: “Tôi muốn một Dashboard chế độ tối, có 4 thẻ dữ liệu ở trên, gọi API này ở giữa, bên phải dùng AI tự tóm tắt…”

Nhớ nhé, bạn đang là “bố chủ đầu tư”. Uy quyền của bố chủ đến từ “yêu cầu rõ ràng” và “phản hồi kiên trì”. Nếu AI sai, đừng tự trách mình, cứ nói thẳng: “Không đúng, làm lại, tôi cần A chứ không phải B.”

Nếu bạn đã đọc đến đây, có nghĩa là bạn gần như đã có khả năng dùng Vibe Coding để tạo ra công cụ rồi.

Đừng chần chừ nữa—

Hãy biến Vibe của bạn thành code ngay!

Tuyên bố miễn trừ trách nhiệm: Thông tin trên trang này có thể đến từ bên thứ ba và không đại diện cho quan điểm hoặc ý kiến của Gate. Nội dung hiển thị trên trang này chỉ mang tính chất tham khảo và không cấu thành bất kỳ lời khuyên tài chính, đầu tư hoặc pháp lý nào. Gate không đảm bảo tính chính xác hoặc đầy đủ của thông tin và sẽ không chịu trách nhiệm cho bất kỳ tổn thất nào phát sinh từ việc sử dụng thông tin này. Đầu tư vào tài sản ảo tiềm ẩn rủi ro cao và chịu biến động giá đáng kể. Bạn có thể mất toàn bộ vốn đầu tư. Vui lòng hiểu rõ các rủi ro liên quan và đưa ra quyết định thận trọng dựa trên tình hình tài chính và khả năng chấp nhận rủi ro của riêng bạn. Để biết thêm chi tiết, vui lòng tham khảo Tuyên bố miễn trừ trách nhiệm.
Bình luận
0/400
Không có bình luận