“Tôi muốn nhờ AI viết code mà vẫn kiểm soát được”
Làm ra sản phẩm bằng cách nói chuyện với AI
Mô tả điều bạn muốn, đọc được thứ AI viết, sửa lỗi theo từng bước nhỏ, giữ được bản cũ và đưa lên mạng an toàn.
5 chặng · 23 bài · ~5,5 giờ
- KỸ NĂNG
- Nhờ AI viết code mà vẫn đọc, sửa và giữ được bản cũ
- OUTPUT
- Sổ tay xử lý lỗi một trang của riêng bạn
Thứ đầu tiên bạn làm ra
CƠ CƠ
Bài đầu tiên ngắn và dễ. Làm xong nó, bạn đã bước qua phần khó nhất: bắt đầu.
Làm thứ đầu tiên · 10 phútDự án xuyên suốt: phần mềm đặt món cho quán cà phê
Mười bài, mười bước. Mỗi bước là một bài tập chạy được, chấm bằng kết quả thật chứ không bằng cách chọn đáp án, và bước sau dùng lại phần bạn vừa làm xong.
Đăng nhập để lưu tiến độ từng bước.
- Bước 1Giao việc cho AI như giao việc cho thợ - nói muốn gì và để làm gì
- Bước 2Một lượt một việc - chia dự án thành những bước kiểm tra được
- Bước 3Nói rõ điều không được đổi - giữ phần đang chạy tốt khi nhờ AI sửa
- Bước 4Nghiệm thu trước khi nhận - chạy thử và đọc lời báo cáo của AI
- Bước 5Viết ca thử trước khi nhờ AI - biết thế nào là xong
- Bước 6Đọc mã AI viết - từng bước, rồi nói lại bằng lời của mình
- Bước 7Ba kiểu lỗi AI hay tạo ra - sai ở mốc, sai thứ tự, gọi hàm không có thật
- Bước 8Đọc git diff - AI đã đổi gì, ở tệp nào
- Bước 9Chạy bộ thử, đọc báo lỗi và sửa từng chỗ một
- Bước 10Nghiệm thu và bàn giao - kiểm cả quy trình trước khi đưa cho khách
Một bước chỉ tính là xong khi bài tập của nó chạy ra đúng kết quả. Mở bài hay bỏ qua bài tập thì bước đó chưa tính.
- THCN://FLOWS/VIBECODE/01Chặng 1
Giao việc cho AI đơn giản hơn bạn nghĩ
Chế độ FeynmanGiải thích như cho một bạn nhỏ 10 tuổiNhờ AI viết code giống giao việc cho một người thợ giỏi nhưng chưa biết nhà bạn: càng nói rõ muốn gì, họ càng ít làm lại.
Việc Giao thợ sửa nhà Giao cho AI Nói muốn gì Chỉ tận nơi, nói căn phòng dùng để làm gì Mô tả mục đích, người dùng và kết quả mong đợi Chia nhỏ Làm điện trước, sơn sau Mỗi lượt một việc nhỏ, xong mới sang việc kế Hiểu nền Biết tường nào chịu lực Biết trang web gồm khung, giao diện và hành vi Nói muốn gì
Giao thợ sửa nhà: Chỉ tận nơi, nói căn phòng dùng để làm gì
Giao cho AI: Mô tả mục đích, người dùng và kết quả mong đợi
Chia nhỏ
Giao thợ sửa nhà: Làm điện trước, sơn sau
Giao cho AI: Mỗi lượt một việc nhỏ, xong mới sang việc kế
Hiểu nền
Giao thợ sửa nhà: Biết tường nào chịu lực
Giao cho AI: Biết trang web gồm khung, giao diện và hành vi
Tóm gọn trong một câu
AI làm nhanh, nhưng chỉ làm đúng thứ bạn nói rõ.
~/vibecode/askHọc kỹ hơn trong chặng này- 01Giao việc cho AI như giao việc cho thợ - nói muốn gì và để làm gì16 phút · Dễ
- 02Một lượt một việc - chia dự án thành những bước kiểm tra được15 phút · Dễ
- 03Nói rõ điều không được đổi - giữ phần đang chạy tốt khi nhờ AI sửa18 phút · Dễ
- 04Viết ca thử trước khi nhờ AI - biết thế nào là xong17 phút · Dễ
- 05Viết yêu cầu cho AI - sáu phần của một prompt tốt16 phút · Dễ
- THCN://FLOWS/VIBECODE/02Chặng 2
Đọc thứ AI viết đơn giản hơn bạn nghĩ
Chế độ FeynmanGiải thích như cho một bạn nhỏ 10 tuổiBạn không cần viết được từng dòng, cũng như chủ nhà không cần biết xây. Nhưng phải đọc được bản nghiệm thu: chỗ nào báo lỗi, chỗ nào thợ đang đoán.
Việc Nghiệm thu nhà Đọc kết quả của AI Nhìn chỗ hỏng Đọc dòng ghi chú đỏ trên biên bản Đọc dòng đầu của thông báo lỗi Hỏi lại Nhờ thợ giải thích vì sao hỏng Xin AI giải thích lỗi trước, rồi mới xin cách sửa Nghi ngờ Thợ nói chắc nhưng chưa đo AI đoán nguyên nhân rất tự tin, cần tự thử lại Nhìn chỗ hỏng
Nghiệm thu nhà: Đọc dòng ghi chú đỏ trên biên bản
Đọc kết quả của AI: Đọc dòng đầu của thông báo lỗi
Hỏi lại
Nghiệm thu nhà: Nhờ thợ giải thích vì sao hỏng
Đọc kết quả của AI: Xin AI giải thích lỗi trước, rồi mới xin cách sửa
Nghi ngờ
Nghiệm thu nhà: Thợ nói chắc nhưng chưa đo
Đọc kết quả của AI: AI đoán nguyên nhân rất tự tin, cần tự thử lại
Tóm gọn trong một câu
Không đọc được thì không dám giao, nên cứ đọc từng phần nhỏ.
~/vibecode/readHọc kỹ hơn trong chặng này - THCN://FLOWS/VIBECODE/03Chặng 3
Sửa lỗi cùng AI đơn giản hơn bạn nghĩ
Chế độ FeynmanGiải thích như cho một bạn nhỏ 10 tuổiLỗi giống tiếng kêu lạ của chiếc xe: bạn kể đủ chi tiết, thử từng nghi ngờ một, và không thay năm bộ phận cùng lúc.
Bước Mang xe đi sửa Nhờ AI sửa code Kể bệnh Nói rõ tiếng kêu khi nào, ở đâu Dán nguyên thông báo lỗi và các bước làm ra nó, giấu khoá bí mật Thử giả thuyết Kiểm tra từng nghi ngờ một Xin vài giả thuyết, thử từng cái Đổi ít một Thay một linh kiện rồi chạy thử Sửa một chỗ mỗi lần, xem lỗi khác có xuất hiện không Kể bệnh
Mang xe đi sửa: Nói rõ tiếng kêu khi nào, ở đâu
Nhờ AI sửa code: Dán nguyên thông báo lỗi và các bước làm ra nó, giấu khoá bí mật
Thử giả thuyết
Mang xe đi sửa: Kiểm tra từng nghi ngờ một
Nhờ AI sửa code: Xin vài giả thuyết, thử từng cái
Đổi ít một
Mang xe đi sửa: Thay một linh kiện rồi chạy thử
Nhờ AI sửa code: Sửa một chỗ mỗi lần, xem lỗi khác có xuất hiện không
Tóm gọn trong một câu
Mỗi lần chỉ đổi một thứ, thì mới biết thứ nào đã sửa được lỗi.
~/vibecode/fixHọc kỹ hơn trong chặng này- 01Chạy bộ thử, đọc báo lỗi và sửa từng chỗ một17 phút · Trung bình
- 02Dán lỗi cho AI: kèm những gì và giấu những gì13 phút · Dễ
- 03Xin AI ba giả thuyết và cách thử từng giả thuyết13 phút · Dễ
- 04Sửa một chỗ mỗi lần: vì sao đổi năm thứ cùng lúc là bẫy18 phút · Trung bình
- 05AI sửa xong lỗi này thì lỗi khác xuất hiện: đọc một bản sửa có rủi ro15 phút · Trung bình
- THCN://FLOWS/VIBECODE/04Chặng 4
Giữ dự án không sụp đơn giản hơn bạn nghĩ
Chế độ FeynmanGiải thích như cho một bạn nhỏ 10 tuổiGit giống nút lưu của trò chơi: trước khi vào trận khó, bạn lưu lại. AI làm hỏng thì quay về chỗ đã lưu, không mất cả buổi.
Việc Trò chơi Dự án có AI Lưu Lưu trước trận khó Lưu một mốc trước mỗi lần nhờ AI sửa lớn Quay lại Tải lại điểm lưu cũ Quay về mốc cũ khi bản sửa làm hỏng thêm Kiểm lại Chơi thử đoạn vừa qua Chạy lại vài phép thử nhanh sau mỗi lần sửa Lưu
Trò chơi: Lưu trước trận khó
Dự án có AI: Lưu một mốc trước mỗi lần nhờ AI sửa lớn
Quay lại
Trò chơi: Tải lại điểm lưu cũ
Dự án có AI: Quay về mốc cũ khi bản sửa làm hỏng thêm
Kiểm lại
Trò chơi: Chơi thử đoạn vừa qua
Dự án có AI: Chạy lại vài phép thử nhanh sau mỗi lần sửa
Tóm gọn trong một câu
Mỗi bước nhỏ phải có đường quay lại.
- THCN://FLOWS/VIBECODE/05Chặng 5
Đưa lên mạng đơn giản hơn bạn nghĩ
Chế độ FeynmanGiải thích như cho một bạn nhỏ 10 tuổiMở cửa tiệm là cho khách vào, nhưng đừng treo chìa khoá két trước cửa. Chạy được trên máy bạn chưa có nghĩa là an toàn để mọi người dùng.
Việc Mở cửa tiệm Đưa trang lên mạng Cho người khác vào Treo biển, mở cửa Đưa trang lên và mở thử bằng điện thoại Cất chìa khoá Két để trong phòng kín Khoá bí mật không dán vào code hay chỗ công khai Thử trước Mời người quen ghé thử Nhờ một người mở và báo lại điều lạ Cho người khác vào
Mở cửa tiệm: Treo biển, mở cửa
Đưa trang lên mạng: Đưa trang lên và mở thử bằng điện thoại
Cất chìa khoá
Mở cửa tiệm: Két để trong phòng kín
Đưa trang lên mạng: Khoá bí mật không dán vào code hay chỗ công khai
Thử trước
Mở cửa tiệm: Mời người quen ghé thử
Đưa trang lên mạng: Nhờ một người mở và báo lại điều lạ
Tóm gọn trong một câu
Chạy được chưa phải là an toàn: cất khoá bí mật trước khi cho ai vào.
Khi đã thấy mình làm được: chọn hướng của bạn
Người chơi guitar giỏi rồi thì rẽ hai hướng - làm đàn, hoặc biểu diễn. Tuỳ khẩu vị và tính cách, và cả hai đều bắt đầu từ việc thử.
Nghệ nhân - đào sâu
Bạn tò mò bên trong nó chạy thế nào. Như người làm đàn đi tìm hiểu gỗ, dây, cách âm vang.
Bắt đầu từ bài này: Pull request và đọc lại mã của nhauNghệ sĩ - làm ra sản phẩm
Bạn muốn dùng nó để làm ra thứ gì đó cho người khác dùng. Như người biểu diễn lên sân khấu.
Bắt đầu từ bài này: Dự án tổng kết: sổ tay xử lý lỗi một trang của riêng bạn