Khối lệnh và prompt đang được ẩn vì bài chưa có kiểm chứng hiện hành hoặc cần rà soát. Không xem lần thử cũ là hướng dẫn đã sẵn sàng.
Cảnh báo cần đọc
- Chưa có bằng chứng thử.
Mộc Studio là dịch vụ chụp ảnh sản phẩm hư cấu. Bạn sẽ làm một trang HTML/CSS chạy trên máy, sửa một tiêu đề rồi thử khôi phục. Mẫu không thu thập dữ liệu, không nhận đặt lịch và không tự đưa lên mạng.
Xem trang Mộc Studio minh họa (mở tab mới) · Đầu ra mẫu, không bảo đảm mọi lần AI sinh mã giống hệt.
Trước khi bắt đầu
- Nhánh hướng dẫn
- Windows native · PowerShell · Codex trong ứng dụng desktop. Không dùng lệnh Bash/WSL của bài khác.
- Bản nội dung
- MOC-WIN-1 · 22/10/2026. Nguồn ứng dụng đã đọc ngày 22/10/2026; vị trí nút có thể đổi theo bản cài.
- Cần có
- Windows có quyền chạy ứng dụng, trình duyệt, thư mục mới có quyền ghi và tài khoản đủ điều kiện dùng Codex.
- Tài khoản / chi phí
- Website miễn phí. Kiểm tra quyền sử dụng, hạn mức và chi phí tại tài khoản nhà cung cấp trước khi gửi yêu cầu. Không cần Gemini API cho bài này; không dán khóa API lên website.
- Quyền và kết nối
- Codex cần đọc/ghi thư mục bài tập và kết nối dịch vụ AI để trả lời. Chỉ chọn thư mục mới, không cấp cả ổ đĩa. Mã trang mẫu chạy local không cần dịch vụ ngoài.
- Không cần cho trang mẫu
- Node, npm, Python, framework, database, WordPress hay tài khoản GitHub. Nếu agent đề nghị cài thêm, dừng và hỏi lý do.
Phạm vi đã thử nằm ở cuối bài. Chạy từ thư mục mới không chứng minh đã thử cài ứng dụng trên một máy Windows sạch. Kết quả AI có thể khác mẫu; dùng checklist để đánh giá.
1. Cài và kiểm tra Codex
Mở hướng dẫn Windows chính thức và dùng liên kết tải tại đó. Sau khi cài, mở ứng dụng, đăng nhập tài khoản của bạn và chọn Codex. Xem quickstart chính thức nếu giao diện khác.
Chọn môi trường Windows native và PowerShell. Giữ quyền hạn trong thư mục bài tập; nếu sandbox yêu cầu thiết lập, làm theo hướng dẫn sandbox. Không bỏ giới hạn quyền để né lỗi chưa hiểu.
Đạt khi: vào được Codex, thấy nơi chọn dự án local; tài khoản sẵn sàng gửi yêu cầu. Nếu không đủ quyền/hạn mức, dừng tại đây, vẫn có thể đọc bài. Không có thao tác nào trên website tự đăng nhập thay bạn.
2. Tạo thư mục bài tập
Tạo một thư mục trống bằng File Explorer, mở thư mục đó, gõ powershell vào thanh địa chỉ rồi Enter. Terminal là cửa sổ nhận lệnh văn bản. Dán ba dòng sau vào PowerShell; không nhập chữ PS hoặc ký hiệu > của dòng nhắc.
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Đạt khi: dòng đường dẫn kết thúc bằng moc-studio. Nếu báo đã tồn tại, không ghi đè: mở thư mục trống khác rồi thử lại. Trong Codex, mở/chọn chính thư mục moc-studio đó làm dự án local. Không chọn thư mục chứa website đang dùng.
3. Duyệt đề bài rồi tạo trang
Gửi nội dung dưới đây vào ô chat Codex, không dán vào PowerShell. Đọc phương án trước khi đồng ý tạo file.
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Nếu phương án đúng, gửi câu: “Đồng ý, hãy tạo hai file theo phương án vừa duyệt.” Chờ agent hoàn tất, xem lại thay đổi. Trong PowerShell đang ở moc-studio, kiểm tra:
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Đạt khi: có đủ hai file, không có package hay file khóa bí mật được thêm. Nếu chỉ thấy tin nhắn chứa mã mà chưa có file, yêu cầu agent lưu đúng thư mục rồi chạy kiểm tra lại.
4. Mở và tự kiểm tra kết quả
Trong File Explorer mở moc-studio, nhấp đúp index.html. Địa chỉ trình duyệt bắt đầu bằng file:///. Trang mẫu này không cần server; nếu mở nhầm trình soạn thảo, chọn Open with và trình duyệt.
Đọc tiêu đề, bấm điều hướng và “Xem cách liên hệ”; vùng thông tin minh họa phải xuất hiện. Thu nhỏ cửa sổ khoảng 390px rồi 320px; chữ vẫn đọc được, không kéo ngang. Phóng to chữ để kiểm tra.
Đạt khi: trang có các phần đã yêu cầu, CSS có hiệu lực, tất cả liên kết trong trang tới đúng vùng, không có nút nhận đặt lịch giả. Ảnh minh họa hoặc trang mẫu đẹp không phải bằng chứng phiên bản AI của bạn đã chạy đúng.
5. Lưu mốc trước khi sửa
Trong PowerShell ở moc-studio, sao lưu hai file. Không đổi tên mốc cũ để ghi đè:
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Đạt khi: thư mục checkpoint-v1 chứa cả hai file. Nếu tên đã tồn tại, dừng và kiểm tra bản đang giữ trước khi chọn tên mới. Bản sao trong cùng máy chỉ giúp quay lại bài tập, không thay thế sao lưu dữ liệu quan trọng.
6. Sửa một chi tiết rồi kiểm tra lại
Gửi vào chat Codex:
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Tải lại trang bằng Ctrl+R. Kiểm tra tiêu đề mới, thử lại CTA và màn hình nhỏ. So sánh style.css với bản mốc: file này không được đổi.
Đạt khi: thấy tiêu đề mới và các chức năng trước vẫn đúng. “Agent nói xong” chưa đủ; bạn cần quan sát trang sau sửa.
7. Thử quay lại bản mốc
Chỉ làm nếu muốn trở về bản trước bước 6. Hai lệnh đầu sẽ thay nội dung hai file hiện tại bằng bản mốc; giữ bản sửa ở nơi khác trước nếu muốn lưu cả hai. Không xóa cả thư mục.
Khối mã chưa được hiển thị vì điều kiện sử dụng hoặc kiểm chứng chưa đủ rõ.
Đạt khi: tải lại trang thấy “Ảnh đẹp để sản phẩm lên tiếng”; CTA vẫn tới vùng liên hệ. Không cần Git reset, cài lại Codex hay thay đổi hosting.
Khi gặp lỗi
Không tạo được thư mục hoặc báo Access denied
Kiểm tra đúng thư mục mới và quyền ghi. Chọn nơi bạn được phép lưu; với máy do tổ chức quản lý, nhờ quản trị viên hỗ trợ. Không tự chạy toàn bộ ứng dụng bằng quyền quản trị để bỏ qua lỗi.
Không tìm thấy file hoặc trang không có định dạng
Đối chiếu đường dẫn bằng Get-Location; kiểm tra hai tên file chính xác, không phải index.html.txt. CSS phải ở cùng thư mục và thẻ link trong HTML trỏ tới style.css. Gửi agent tên file, thông báo lỗi đã che thông tin riêng; không gửi khóa API.
Codex hết hạn mức hoặc không phản hồi
Kiểm tra đăng nhập, kết nối và điều kiện tài khoản ở nhà cung cấp. Giữ file và bản mốc đã có; dừng yêu cầu AI. Không cần mua API khác hoặc dán khóa vào website để tiếp tục đọc.
Đã sửa nhưng trang vẫn hiển thị bản cũ
Lưu file, kiểm tra đúng tab file:/// trong thư mục bài tập rồi Ctrl+R. Nếu lỗi xuất hiện sau sửa, đối chiếu bản mốc và chỉ khôi phục hai file theo bước 7.
Checklist kết quả của bạn
Chỉ tích sau khi thực sự đối chiếu. Website không đọc máy của bạn, không chạy code và không chứng nhận các dấu này. Phiên bản bài thay đổi sẽ bỏ áp dụng dấu cũ.
Nếu còn mục chưa đạt, quay về bước tương ứng và mô tả điều bạn quan sát được cho Codex. Tiếp theo, đọc tài nguyên nền tảng HTML/CSS trong danh mục để hiểu phần mã vừa tạo trước khi thêm framework hoặc skill.
Nguồn và kiểm chứng
Tài liệu đối chiếu (mở tab mới) ·
MOC-WIN-1, tài liệu chính thức đã đọc trong S10. Bài mẫu đã replay từ thư mục mới trên máy có công cụ; chưa thử Windows sạch, đăng nhập mới hoặc phiên AI mới.
Chưa có bằng chứng chạy thử cho bài này. Việc đọc nguồn hoặc sao chép nội dung không tạo kết quả thử.
Báo lỗi nội dung này · Không gửi API key, mật khẩu hoặc dữ liệu khách hàng.