11 ví dụ Vibe Coding giúp bạn bắt đầu

Việc xem những gì người khác (có thể kiên nhẫn hơn) đã tạo ra có thể giúp bạn thúc đẩy quá trình xây dựng của riêng mình và tìm ra công cụ lập trình AI nào phù hợp nhất với mục tiêu của mình. Dưới đây là một số ví dụ Vibe Coding độc đáo để truyền cảm hứng cho dự án tiếp theo của bạn!

Agent môi giới AI của Rush Home

Các ứng dụng lập trình AI đã sử dụng: Claude, Zapier

Marcus Rush là người sáng lập Rush Home, một công ty môi giới bất động sản nhà ở. Ông không phải là nhà phát triển. Nhưng bằng cách sử dụng Claude và Zapier MCP, ông đã vibe code cho "Russ" - một AI agent điều hành các hoạt động hàng ngày của công ty.

Russ chấm điểm khách hàng tiềm năng trên cơ sở dữ liệu hơn 11.000 liên hệ, viết kế hoạch theo dõi cá nhân hóa cho từng agent môi giới bất động sản của Marcus mỗi sáng và quản lý lịch của ông. Mỗi khi có tương tác mới, Russ tính toán lại điểm số khách hàng tiềm năng bằng cách cân nhắc các yếu tố như tín hiệu người mua so với người bán và mức giá, sau đó chuyển điểm số được cập nhật trở lại CRM của mình.

Điều làm nên thành công của dự án này là việc kết nối Claude với Zapier MCP, cho phép AI truy cập hơn 9.000 kết nối ứng dụng và thực hiện các hành động thực tế trên chúng - từ bất kỳ giao diện làm việc nào bạn đang sử dụng.

Trước đó, Marcus đã gặp phải giới hạn với mọi công cụ tự động hóa từng thử: Nếu nền tảng không có trình kích hoạt cho một việc gì đó, quy trình làm việc đơn giản là không tồn tại. "Với Zapier MCP," Marcus nói, "miễn là tôi có tài liệu API, tôi có thể xây dựng chính xác những gì tôi muốn. Chúng tôi không còn bị giới hạn bởi trình kích hoạt nữa".

Plywood Cutting Visualizer

Ứng dụng lập trình AI được sử dụng: Claude

Bạn có thể xây dựng các công cụ đơn giản cho những trường hợp sử dụng phổ biến mà không cần học bất kỳ công cụ phần mềm mới nào - chỉ cần sử dụng chatbot AI mà bạn quen thuộc nhất.

Justin Lai, Chuyên gia Công nghệ Giáo dục tại Trường Nữ sinh La Pietra Hawaii, đã xây dựng Plywood Cutting Visualizer bằng Claude. Sau khi hoàn thành, các sản phẩm Claude Artifacts có thể được chia sẻ, vì vậy những người khác có thể sử dụng chúng.

Ứng dụng này đơn giản nhưng cực kỳ hữu ích. “Nhập kích thước của một tấm ván ép,” Justin nói, “và yêu cầu kích thước thành phẩm. Nó sẽ cho bạn biết còn lại bao nhiêu tấm và bao nhiêu mảnh vụn”.

Nhìn chung, việc sử dụng chatbot AI như ChatGPT hoặc Claude để hỗ trợ các bước xây dựng ban đầu và thiết kế giao diện người dùng cơ bản sẽ tạo ra sự khác biệt lớn khi sử dụng những công cụ xây dựng AI khác sau này.

Influencer ROI dashboard 

Các ứng dụng lập trình AI được sử dụng: Claude Code, Zapier Tables

Matt Brown, quản lý tăng trưởng marketing tại Zapier, quản lý hơn một trăm mối quan hệ đối tác với influencer và đang theo dõi mọi thứ - lượt xem, lượt nhấp, chuyển đổi, dữ liệu trích dẫn LLM - trong Zapier Tables, nhưng cần một cách để biến tất cả dữ liệu này thành những thông tin chi tiết có thể hành động. Vì vậy, ông ấy đã sử dụng Claude Code để xây dựng một dashboard tương tác dựa trên đó.

Claude Code được cung cấp JSON schema, mô tả trạng thái cuối cùng và tự mình đề xuất một kiến ​​trúc. Từ đó, cụ thể hóa biểu đồ chuỗi thời gian cho lượt xem và lượt nhấp, bảng người tạo có thể sắp xếp và lọc theo tháng.

Phiên bản đầu tiên được hoàn thiện nhanh hơn dự kiến, và nó ngay lập tức chỉ ra những mô hình mà bảng dữ liệu thô không bao giờ có thể phát hiện ra, bao gồm cả một người sáng tạo nội dung có video đứng đầu kết quả tìm kiếm của Google cho một từ khóa Zapier có ý định mua hàng cao và đang tạo ra tỷ lệ chuyển đổi vượt trội. Hiện tại, nó được sử dụng hàng tuần để báo cáo cho nhóm về những người sáng tạo nội dung, kênh và chủ đề nào đang mang lại kết quả và nên chuyển hướng đầu tư vào đâu.

Website portfolio

Ứng dụng lập trình AI được sử dụng: Lovable

Michael Lembo, Giám đốc Sản phẩm tại BitGo, đã sử dụng Lovable để xây dựng một website portfolio. Nó thậm chí còn bao gồm một chatbot tùy chỉnh trả lời các câu hỏi về Michael cho bất kỳ ai truy cập website.

Tự động hóa việc upload video lên YouTube

Ứng dụng lập trình AI được sử dụng: Claude Code

David Quintanilla đã quản lý kênh YouTube của Zapier hơn 6 năm - đủ lâu để trở thành người chuyên upload video lên không chính thức cho toàn bộ công ty. Vào lúc cao điểm, anh ấy nhận được từ 15 đến 20 yêu cầu upload lên mỗi tháng, mỗi yêu cầu đều có một chuỗi các cuộc trò chuyện trên Slack với những yêu cầu chỉnh sửa tiêu đề video, thay đổi thumbnail và đẩy ngày xuất bản. Anh ấy đã lập trình một giải pháp bằng Claude Code.

David mô tả vấn đề bằng ngôn ngữ đơn giản, và Claude đề xuất kiến ​​trúc: Một biểu mẫu upload tự phục vụ, nơi các thành viên nhóm đăng nhập bằng Google, điền siêu dữ liệu, đính kèm thumbnail và gửi. Và họ có thể làm tất cả những điều này mà không cần động vào mật khẩu kênh. Anh ấy đã thêm một dashboard SEO do Claude cung cấp, tạo ra 3 tùy chọn tiêu đề và mô tả được tối ưu hóa dựa trên chủ đề. Giờ đây, toàn bộ quy trình video hoạt động mà không cần anh ấy can thiệp vào giữa.

Admin cho Supabase

Ứng dụng lập trình AI được sử dụng: Lovable, v0, Cursor

Việc thương mại hóa AI là một sự phát triển tương đối mới, và các ứng dụng lập trình AI đang chạy đua để đáp ứng nhu cầu của người dùng. Trong khi đó, mọi thứ đang trở nên hơi "siêu thực": Người dùng đang xây dựng quy trình và luồng công việc lý tưởng của họ cho các công cụ lập trình AI bằng chính những công cụ lập trình AI.

Một ví dụ: Andy Keil và Kyle Ledbetter đã xây dựng Dreambase để bổ sung chức năng cho Supabase, một tích hợp cơ sở dữ liệu phổ biến (thường là tích hợp gốc) cho các công cụ lập trình AI. Bạn có thể sẽ tương tác với Supabase nếu bạn đang thêm thành phần lưu trữ dữ liệu hoặc xác thực người dùng vào dự án Vibe Coding của mình.

Andy chia sẻ: "Chúng tôi bắt đầu với Lovable và v0 để tạo nguyên mẫu các tính năng và sau đó chuyển sang Cursor để tinh chỉnh trước khi đưa vào sản xuất. Chúng tôi đã xây dựng một số ứng dụng theo cách này, và ứng dụng gần đây nhất là Dreambase. Chúng tôi cũng sử dụng quy trình tương tự để hỗ trợ một số khách hàng doanh nghiệp của mình".

Lambo Levels

Ứng dụng lập trình AI được sử dụng: ChatGPT, Lovable

Joe Frabotta, chuyên viên tiếp thị tăng trưởng, đã lập trình một công cụ để giúp những người đam mê tiền điện tử.

"Lambo Levels là một ứng dụng thú vị và độc đáo giúp bạn nhanh chóng hình dung được lợi nhuận tiềm năng từ tiền điện tử trên các token cụ thể". "Nó không phải là một công cụ theo dõi portfolio - mà là về việc mơ ước lớn với những 'mục tiêu đột phá' của bạn. Quy trình làm việc của tôi là sử dụng ChatGPT để giúp viết và tinh chỉnh các câu lệnh thành ngôn ngữ thân thiện hơn với nhà phát triển, sau đó đưa chúng vào Lovable".

Ứng dụng Taste

Công cụ lập trình AI đã sử dụng: Lovable, Cursor

Taste được xây dựng để xem có thể đẩy giới hạn Vibe Coding đến đâu với Cursor (Lovable cũng có thể được sử dụng để xây dựng giao diện người dùng). Có thể ạo một công cụ để lập danh mục các món ăn yêu thích của mình tại nhà hàng và các công thức nấu ăn yêu thích. Nhưng nó sẽ còn hữu ích hơn nữa nếu có thêm thành phần mạng xã hội - như vậy, mọi người có thể chia sẻ sở thích ăn uống và dị ứng. Quá trình xây dựng rất thú vị, và kết quả cuối cùng khá hữu ích.

Các ứng dụng liên quan đến WordPress

Công cụ lập trình AI đã sử dụng: Replit, Bolt

Matt Medeiros, Nhà xuất bản tại The WP Minute, đã xây dựng rất nhiều thứ với Replit và Bolt. Và mỗi thứ đều củng cố vị thế của ông như một nhà lãnh đạo tư tưởng trong ngành.

Các ứng dụng độc lập của ông bao gồm:

• Podcast Power, một ứng dụng web để nghe podcast.
• Pulse, một ứng dụng theo dõi tin tức WordPress và tóm tắt từng bài viết.
• WP API Explorer, một cách để khám phá và kiểm tra các API endpoint REST của WordPress.

Và đó chưa phải là tất cả — ông còn dùng Vibe Coding để tạo một game tương tác dành cho plugin Gravity Forms WordPress.

SEO calculator

Ứng dụng lập trình AI được sử dụng: Cursor

Tim Metz, Giám đốc Marketing tại Animalz, đã sử dụng Cursor để áp dụng Vibe Coding tạo một công cụ thu hút khách hàng tiềm năng dựa trên một SEO calculator. Công cụ này trả lời hiệu quả các câu hỏi của khách hàng tiềm năng, giúp Animalz đưa họ đến bước tiếp theo trong phễu marketing của mình. 

MIXCARD

Ứng dụng lập trình AI được sử dụng: Cursor

Alfred Megally là nhà sáng tạo độc lập và vibe coder đằng sau MIXCARD, ứng dụng biến danh sách phát Spotify của bạn thành bưu thiếp vật lý.

ttyl

Ứng dụng lập trình AI được sử dụng: Cursor

Robinson Greig, người sáng lập Off-Trail Studio, đã xây dựng ttyl bằng Cursor như một cách thú vị để gửi bản ghi âm giọng nói cho chính bạn trong tương lai.