Làm một phần mềm với buildwith.codes, từ SRS đến deploy
Video 8 phút 32 giây quay trên server thật ngày 12/11/2026. Một học sinh làm phần mềm Mượn trả sách cho thư viện trường chỉ bằng cách nhắn cho Claude từng bước. Gõ lại câu mẫu ở mỗi bước là bạn làm theo được. Đoạn chờ Claude làm đã tua nhanh, mã mời đã che. Bấm tên một bước để nhảy tới đoạn đó.
Mở địa chỉ server, dán mã thầy cô phát, bấm Vào. Chọn dự án của nhóm rồi bấm Phiên mới, chọn Claude.
Kể cho Claude phần mềm làm gì, cho ai, có luật gì. Claude viết SRS: yêu cầu chức năng, phi chức năng, ràng buộc, mỗi yêu cầu có mã và ví dụ kiểm được.
Câu mẫu, gõ cho ClaudeMình muốn làm phần mềm Mượn trả sách cho thư viện trường. Học sinh tìm sách, mượn tối đa 3 cuốn trong 14 ngày, trả sách; thủ thư thêm sách và xem sách quá hạn. Chạy trên trình duyệt, dữ liệu lưu ngay trên máy. Hãy viết tài liệu SRS (yêu cầu chức năng, phi chức năng, ràng buộc) và lưu vào Tri thức.
Chỗ nào SRS còn hai cách hiểu, Claude không tự đoán mà mở một trang đề xuất. Bạn đọc từng câu, chọn phương án rồi bấm Gửi.
Claude ghi quyết định của bạn, đặt một mục tiêu rồi chia thành các việc nhỏ. Mỗi việc có phần Xong khi: những câu kiểm được, sau này dùng để nghiệm thu.
Câu mẫu, gõ cho ClaudeMình đã gửi lựa chọn ở trang đề xuất, bạn ghi lại quyết định. Rồi phân tích nghiệp vụ từ SRS: đặt một mục tiêu cho dự án, chia thành các việc nhỏ, mỗi việc có phần Xong khi kiểm được. Chưa code.
Sơ đồ use case: ai dùng phần mềm, mỗi người làm được gì. Claude vẽ thành một trang mở xem ngay trên web.
Câu mẫu, gõ cho ClaudeVẽ sơ đồ use case: tác nhân Học sinh và Thủ thư, mỗi người làm được những gì. Lưu vào Tri thức để mở ra xem được.
Sequence diagram: giao diện, phần xử lý và nơi lưu dữ liệu gọi nhau theo thứ tự nào, kể cả nhánh bị từ chối.
Câu mẫu, gõ cho ClaudeVẽ sequence diagram cho hai luồng Mượn sách và Trả sách: giao diện, phần xử lý và nơi lưu dữ liệu gọi nhau thế nào, cả lúc mượn quá 3 cuốn. Lưu vào Tri thức.
Trước khi code còn hai lựa chọn kỹ thuật. Claude tự đo trước bằng một lab rồi mới đưa số đo lên trang đề xuất để bạn chọn.
Câu mẫu, gõ cho ClaudeTrước khi code có hai chỗ phải chọn: lưu dữ liệu bằng gì, và giao diện một trang hay nhiều trang. Làm trang đề xuất để mình chọn.
Sơ đồ tổ chức code: có những thư mục và tệp nào, mỗi phần lo việc gì, phần nào gọi phần nào, test nằm ở đâu.
Câu mẫu, gõ cho ClaudeMình đã chọn ở trang đề xuất, bạn ghi lại quyết định. Rồi vẽ sơ đồ tổ chức code: có những thư mục và tệp nào, mỗi phần lo việc gì, phần nào gọi phần nào, test nằm ở đâu. Lưu vào Tri thức. Chưa code.
Mở một việc để đọc Xong khi và các mục liên quan. Việc nào Claude làm xong sẽ nằm ở Cần bạn: mở ra xem bằng chứng từng ý rồi bấm Duyệt.
Câu hỏi nào đo được thì đừng đoán: nhờ Claude làm một lab. Kết quả là bảng số đo thật kèm kết luận.
Câu mẫu, gõ cho ClaudeGiờ làm một lab: tìm sách trong 10.000 cuốn bằng cách lọc cả danh sách mỗi lần gõ và bằng chỉ mục dựng sẵn, mỗi cách mất bao nhiêu mili giây. Đo thật bằng node rồi ghi vào Labs.
Claude viết code và test cho từng việc đã chia, chạy test, rồi ghi bằng chứng cho từng ý của Xong khi.
Câu mẫu, gõ cho ClaudeGiờ làm các việc đã chia: code giao diện và phần xử lý, có test chạy bằng node --test. Xong việc nào thì ghi bằng chứng cho việc đó để mình Duyệt.
Claude làm xong một việc thì dừng để bạn duyệt. Muốn đi nhanh thì bảo Claude làm liền mấy việc trong một lượt.
Câu mẫu, gõ cho ClaudeLàm tiếp bốn việc của học sinh trong một lượt, không dừng giữa chừng: nhập mã học sinh, tìm sách, mượn sách tối đa 3 cuốn hạn 14 ngày, trả sách. Để sẵn vài học sinh và sách mẫu cho dễ thử. Xong cả bốn thì ghi bằng chứng từng việc để mình Duyệt.
Claude đưa bản xem thử lên mạng bằng lệnh deploy của bwc và gửi link. Mục Sản phẩm ghi từng bản đã lên, có nút Mở app. Mở ra và dùng thử như một học sinh; trong video dùng mã mẫu HS0412 và HS0415.
Câu mẫu, gõ cho ClaudeDeploy bản xem thử bằng bwc và gửi mình link.
Báo cáo một trang kể việc đó ra sao trong một phút đọc. Đọc xong, mở việc ở Cần bạn, xem bằng chứng từng ý rồi Duyệt; chưa ổn thì bấm Kiểm tra lại kèm một dòng ghi chú.
Câu mẫu, gõ cho ClaudeViết báo cáo một trang cho việc Học sinh mượn sách: làm được gì, test nào đã chạy, còn thiếu gì.
- Phần mềm làm ra
- pv-bw-49g7rn.buildwith.codes/?mau
- Claude làm thật, cộng các bước
- 49 phút 50 giây
- Chi phí cả phiên
- $13,16 trên trần $40
- Sổ dự án sau một vòng
- 15 việc, 3 đề xuất, 2 lab, 9 mục tri thức, 63 test
Bảy mục ở thanh bên, dùng lúc nào
| Mục | Trong đó có gì | Trong video |
|---|---|---|
| Việc | Mục tiêu và các việc, mỗi việc có Xong khi; việc chờ bạn duyệt nằm trên cùng | bước 4, 9, 14 |
| Đề xuất | Trang để bạn chọn giữa các hướng; Claude ghi rõ gợi ý và lý do | bước 3, 7, 11 |
| Labs | Câu hỏi được trả lời bằng số đo thật | bước 10 |
| Báo cáo | Báo cáo một trang của từng việc lớn: làm được gì, còn thiếu gì | bước 14 |
| Tri thức | SRS, quyết định, sơ đồ use case, sequence diagram, sơ đồ tổ chức code, số đo đáng nhớ | bước 2, 5, 6, 8 |
| Code | Các tệp Claude đã viết và thay đổi của từng tệp | bước 11 |
| Sản phẩm | Bản đã deploy, link và nút Mở app | bước 13 |
Mẹo khi làm theo
- Gửi xong khoảng 30 giây mới thấy tin đầu của Claude. Đừng gửi lại; ô nhập trống nghĩa là tin đã đi.
- Đặt quyền Tự động ở ô nhập để Claude không hỏi từng lệnh.
- Sau khi bấm Gửi ở trang đề xuất, nhắn cho Claude một câu như “Mình đã chọn ở trang đề xuất”. Trên server này Claude chưa tự nhận lựa chọn.
- Bạn là người quyết: ở trang đề xuất cứ chọn phương án khác gợi ý của Claude nếu hợp với nhóm hơn, như ở bước code trong video.
- Việc Claude làm xong nằm ở Cần bạn. Mở ra đọc bằng chứng từng ý rồi mới Duyệt; chưa ổn thì bấm Kiểm tra lại kèm một dòng ghi chú.
- Muốn sửa gì thì nhắn tiếp trong cùng phiên. Claude giữ SRS, sơ đồ và quyết định trong Tri thức nên không phải kể lại từ đầu.