Tạo trang web lịch ca gửi cho cả nhóm

Bấm chip ngay trên ô nhập để mở menu này, rồi chọn Remote Control: Claude Code chạy trên máy của bạn. Cloud chạy trên máy của Anthropic, không thấy file trên máy bạn. Local chỉ có trong app Desktop.

Menu con liệt kê máy đang bật Remote Control và các thư mục của máy đó. Chọn thư mục có file lịch. Máy chưa có ở đây thì bấm Add another computer….

Mở Terminal ở thư mục có file lịch, chạy lệnh này rồi để cửa sổ mở. Tắt lệnh hay để máy ngủ là phiên dừng. Đang mở Claude Code trong thư mục đó thì gõ /remote-control cũng được.

Chip ghi thư mục và máy đang dùng: doncoffee-lich-ca · ats-Mac-mini. Xem chip này trước khi gửi yêu cầu để chắc Claude làm đúng chỗ.

Chữ dưới ô nhập là chế độ đang dùng. Bấm vào để mở menu Mode.

Auto để Claude tự quyết việc nào cần hỏi. Accept edits tự nhận sửa file nhưng vẫn hỏi trước khi chạy lệnh khác. Plan chỉ lập kế hoạch, chưa làm.

Always ask before making changes: Claude hỏi trước mỗi lần sửa file, chạy lệnh hay dùng công cụ Vercel. Bài này dùng Manual để bạn đọc từng việc trước khi cho làm.

Nói rõ file nguồn lich-ca-tuan.csv, kết quả là một file index.html, người xem dùng điện thoại, và mỗi thẻ ghi gì. Càng rõ thì Claude càng ít phải đoán.

Dòng này nói vì sao lệnh cần bạn duyệt. Ở đây đoạn lệnh có ngoặc nhọn đi cùng dấu nháy, kiểu viết có thể giấu lệnh khác, nên Claude Code không tự cho chạy.

Phần đầu mở lich-ca-tuan.csv, gom các ca theo ngày rồi viết ra HTML. Cuộn trong khung để đọc hết trước khi duyệt.

Cho chạy đúng lệnh này một lần, lần sau Claude vẫn phải hỏi. Chưa hiểu lệnh làm gì thì bấm Deny rồi hỏi Claude.

Claude kể trang làm được gì: thẻ theo ngày, nhãn Hôm nay, ô chọn tên, chữ lớn, tự đổi màu tối. Đối chiếu với điều bạn đã xin trước khi đi tiếp.

Lịch đã chép thẳng vào index.html, nên trang không cần file CSV đi kèm. Tuần sau có lịch mới thì phải tạo lại trang.

Claude mở trang trong trình duyệt, thu về khổ điện thoại để kiểm. Bấm dòng Ran 2 commands, used 4 tools để mở danh sách này.

Nói rõ bản chính thức, tên dự án, và việc cần làm nếu chưa đăng nhập Vercel: dừng lại và chỉ lệnh để bạn tự chạy.

Công cụ đầu tiên chỉ đọc danh sách nhóm trong tài khoản Vercel để biết đưa trang vào đâu. Chỉ đọc, không đổi gì, nên chọn Allow once.

Từ lần sau Claude dùng công cụ này không hỏi nữa. Bài này vẫn chọn Allow once để bạn thấy từng bước.

Claude nói Vercel Authentication (chế độ bắt người xem đăng nhập Vercel) làm cả nhóm không xem được, nên phải tắt. Sai: chế độ này chỉ chặn link riêng của từng bản deploy, link chính vẫn mở công khai.

Trên Vercel đã có dự án doncoffee-lich-ca từ hôm trước, nên Claude hỏi trước khi đè lên. Đọc kỹ từng lựa chọn rồi mới trả lời.

Claude không đưa file CSV lên, vì để đó ai cũng tải được lịch và tên nhân viên. Lịch đã nằm sẵn trong trang.

Chọn A nhưng giữ nguyên Vercel Authentication, nói rõ vì sao, và nhờ Claude mở lại link chính sau khi deploy để kiểm.

Danh sách file sẽ đưa lên. Ở đây chỉ có một file, nội dung là trang HTML Claude vừa làm, không có file CSV.

Đúng tên dự án bạn đặt: doncoffee-lich-ca. Thấy tên lạ là dấu hiệu sắp deploy nhầm chỗ.

Bản chính thức: link chính của dự án sẽ trỏ vào bản này. Nếu ghi preview thì đó là bản xem thử, link chính không đổi.

Đọc xong tên dự án, đích và danh sách file thì mới chọn. Đây là bước đưa trang lên mạng.

Claude đã tự mở link chính như bạn dặn: trả về mã 200, không đòi đăng nhập, nội dung giống hệt index.html trên máy.

Mở /lich-ca-tuan.csv trên Vercel trả về 404: không ai tải được file lịch gốc.

Link doncoffee-lich-ca.vercel.app ngắn, dễ nhớ, ai mở cũng xem được. Đây là link gửi cho nhóm.

Cũng mở được, nhưng dài và lộ tên tài khoản Vercel của bạn. Không cần gửi.

Link hiện ngay sau khi deploy. Vercel Authentication chặn link này: người chưa đăng nhập bị chuyển sang trang đăng nhập Vercel. Đừng gửi.

Mặc định hiện cả nhóm. Chọn tên mình thì trang chỉ còn những ca mình làm, và trình duyệt nhớ lựa chọn cho lần sau.

Mỗi ngày một thẻ. Mỗi ca ghi tên ca, giờ và người làm, đúng như câu yêu cầu.

Thẻ hôm nay có viền màu và nhãn Hôm nay. Ảnh chụp ngày thứ Ba 06/10/2026.

Mỗi thẻ chỉ còn ca của Lan, tên Lan tô vàng để dễ thấy.

Link riêng của bản deploy mở ra trang này khi chưa đăng nhập Vercel. Đồng nghiệp báo gặp trang này nghĩa là bạn gửi nhầm link.

Ca Sáng thứ Năm đổi từ Lan sang Minh, ca Tối từ Minh sang Lan. Khớp với điều bạn xin thì mới chọn Allow once.

Dòng này bắt mỗi dòng cần sửa phải có đúng một lần trong file. Không khớp thì đoạn lệnh dừng, không sửa bừa.

Claude deploy vào cùng dự án rồi tự mở lại link chính: mã 200, nội dung giống hệt index.html mới.

Ca Sáng: Minh, Khoa. Ca Chiều không đổi. Ca Tối: Lan, Thảo. So với yêu cầu trước khi báo nhóm.

Ai đã mở trang có thể thấy bản cũ thêm vài phút. Kéo trang xuống để tải lại.

Claude nói rõ nó chưa kiểm cả tuần xem có ai bị xếp ca sát nhau, mới xét Lan và Minh quanh thứ Năm. Muốn chắc thì nhờ nó kiểm cả tuần.

Tin nhắn dùng link ngắn doncoffee-lich-ca.vercel.app, không phải link riêng của bản deploy.

Tuần sau lịch mới vẫn ở đúng link này, nên nhóm chỉ cần lưu một lần.

Claude tự thêm lời nhắc về ca thứ Năm đã đổi. Không cần thì xóa đoạn này trước khi gửi.