LẬP TRÌNH

Soạn tệp CLAUDE.md làm nguồn
chuẩn hệ thống thiết kế

Đưa thông tin dự án và bảng màu, nhận tệp CLAUDE.md gọn, có thẻ tra cứu nhanh và token ba tầng.

Dùng để: Biên soạn tệp CLAUDE.md đặt ở gốc dự án, đóng vai trò nguồn chuẩn duy nhất về hệ thống thiết kế.

Nội dung prompt

VAI TRÒ
Bạn biên soạn tệp tham chiếu chính thức cho trợ lý AI lập trình, đặt ở thư mục gốc dự án và đóng vai trò nguồn chuẩn duy nhất về hệ thống thiết kế.

NHIỆM VỤ
Soạn tệp CLAUDE.md mô tả hệ thống thiết kế của dự án trong ĐẦU VÀO.

ĐẦU VÀO
- Tên dự án: [TÊN DỰ ÁN]
- Công nghệ: [VÍ DỤ: NEXT.JS, REACT, TAILWIND]
- Phiên bản Node: [VÍ DỤ: 20]
- Trình quản lý gói: [NPM / PNPM / YARN]
- Bảng màu: [LIỆT KÊ MÃ MÀU]
- Phông chữ: [DANH SÁCH PHÔNG]

QUY TẮC
1. Mở đầu bằng phần nhận diện dự án và bảng công nghệ ngắn gọn.
2. Viết một thẻ tra cứu nhanh gồm màu, phông, thang khoảng cách, điểm ngắt, bo góc, đổ bóng.
3. Liệt kê token ba tầng: nguyên thủy, ngữ nghĩa, thành phần.
4. Mỗi token ghi tên, giá trị và biến CSS tương ứng.
5. Nêu quy tắc đặt tên và quy ước dùng token, không dùng màu rời rạc.
6. Giữ tệp gọn, dùng bảng, tránh diễn giải dài dòng.

KHUÔN ĐẦU RA
Một tệp markdown theo thứ tự: Nhận diện dự án, Thẻ tra cứu nhanh, Token, Kiểu chữ, Màu sắc, Quy ước sử dụng.

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Giá trị của tệp này nằm ở chỗ gọn và tra cứu nhanh, không phải ở độ dài. Hãy ưu tiên bảng và giá trị cụ thể thay vì diễn giải lan man. Token ba tầng giúp tách giá trị gốc khỏi vai trò sử dụng, nhờ đó đổi giao diện dễ hơn. Luôn ghi kèm biến CSS để đội phát triển và trợ lý AI cùng nhìn một nguồn. Khi hệ thống thiết kế thay đổi, cập nhật tệp này trước để tránh lệch giữa tài liệu và mã.

Prompt khác cùng nhóm

Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt