banner
Aug 9, 2025
7 Views

Quy trình vibeplan + vibecoding dự án 2 tháng của tôi (Phần 1: những công việc nhàm chán)

Written by
banner

I. Lên đồ

Hànggiánote
Chatgpt Plus$20 * 2 thángĐáng tiền với các chức năng như:
- gần như unlimited lượt chat với các model ngon nhất.
- deep research
Windsurf2 * $15 * 2 thángMua 2 acc mới đủ dùng trong 2 tháng vibe coding
Đợt đầu tiền cho Claude Sonet 4 bị dính tùy lượt hỏi mã mỗi lượt hỏi tốn tận 14-15 credit nên dùng xót nhưng sau đó về fixed 2 credit nên quá ngon.
NotionfreeDùng để share tiến độ dự án với khách. Share project khách biết cái nào đang todo cái nào đang làm, cái nào đã done rất dễ
visily.ai$11Dùng để promts ra được màn hình UI. Chốt nhanh với khách về UI tổng thể trước khi bắt tay vào code. Có dặn khách là đây là mockup thôi, sau này lên code nó sẽ khách nhưng cơ bản nó sẽ theo flow như thế
FigmafreeDùng để vẽ mindmap các chức năng cần làm. Không cần thiết lắm vì project notion cũng ổn rồi.
themeforest.net$15Nơi mua code UI. 1 bộ UI đẹp giá cũng rẻ.

II. Các phase theo tuần

Theo đúng các phase như khi học PMP thôi. Tôi làm dự án như sau:

 1. Giai đoạn Chuẩn bị & Khảo sát nhu cầu (tuần 1)
 2. Đề xuất giải pháp & Ước lượng (tuần 1)
 3. Thiết kế kiến trúc & database (tuần 2)
 4. Lập trình & Kiểm thử (tuần 3,4,5,6)
 5. Triển khai & Nghiệm thu (tuần 7)
 6. Bảo trì & Hỗ trợ (tuần 7 tới tuần 26 - tôi bào hành code 6 tháng với những cái đã viết)

1. Giai đoạn Chuẩn bị & Khảo sát nhu cầu (3 ngày đầu):

  • Khách gửi tài liệu dự án. Tôi ném lên chatgpt vào 1 project riêng của khách với promt cũng chính là mô tả dự án của khách
Instructions: Các Tính năng Chính của MVP:
    1. Đăng ký & Quản lý Tài khoản Chuyên gia với Tích hợp VNeID:
        ◦ Đăng ký bằng VNeID: Cho phép chuyên gia sử dụng tài khoản VNeID để đăng ký nhanh chóng.
        ◦ Tự động điền thông tin cơ bản: Hệ thống lấy các thông tin công khai cơ bản từ VNeID (Họ tên, Ngày sinh, Giới tính - sau khi người dùng đồng ý chia sẻ) để điền vào hồ sơ *******.
       *****(Chỗ này xin phép không chia sẻ thêm)*****
  • Sau đó bắt đầu hỏi chatgpt các route UI cần xử lý để mường tượng 70% khối lượng công việc BE + FE
  • Gen promts để đưa sang công cụ thiết kế promts -> ui
  • Có đủ promts rồi thì đưa sang https://app.visily.ai để generate từng form 1 bằng promts
  • Sau khi gen xong sửa header và footer toàn bộ các form để đồng bộ vì các form gen riêng rẽ thì 2 mục này sẽ bị linh tinh.
  • Bước cuối là đưa khách hàng chốt xem làm thế này ổn không

2. Đề xuất giải pháp & Ước lượng (3 ngày tiếp theo sau khi khách khá ưng rồi):

  • Lên chatgpt hỏi tiếp
Với các thông tin như trên về dự án và các mục cần code bạn đề xuất giải pháp opensource nào phù hợp. Stack cần đơn giản ,hỗ trợ nhu cầu mở rộng sau này.
Tôi đã có sẵn frontend là 1 project reactjs đã mua từ themeforest giờ cần giải pháp cho backend thôi
  • ChatGPT đề xuất nhiều giải pháp. Mò trong các git nó đề xuất thì thấy Strapi - 1 headless CMS là phù hợp:
- Cộng đồng mạnh, ui đẹp nhẹ nhàng.
- Sửa schema dễ hỗ trợ đủ hết các kiểu content. Sửa trên UI là có API luôn.
- Không cần code gì API các thành phần liên quan tới người dùng và content do có thể config động các trường trong các content-type khác nhau.
- Nhiều plugin...
  • Bóc task như sau tổng thể thành các mục riêng lẻ
  • Bóc task chi tiết dùng chức năng Deep Research
  • Đưa lên Notion và share gửi khách về các công việc và tiến độ dự tính (tips: những phần won't do là các tính năng có vẻ ổn đề hỏi khách làm phase 2 không - a.k.a charge thêm tiền)
  • Tính toán thấy project này cần 2 tháng với các nguồn lực như FE, BE, AI, BA..... (aka 1 mình tôi). Charge khách bằng man hour * 1.2 * expect income.
Là tui hết hahaha
Article Categories:
dev · techblog
banner

Leave a Reply

Your email address will not be published. Required fields are marked *