Hướng dẫn DESIGN.md
DESIGN.md biến hệ thống thiết kế của một trang web thành tệp mà agent lập trình AI của bạn đọc được: màu sắc, kiểu chữ, khoảng cách, bo góc và component, kèm quy tắc sử dụng. Các hướng dẫn này chỉ bạn từng bước cách dùng tệp đó, mỗi bài có một ví dụ thực tế dựng từ một tệp thật trong thư viện mẫu DESIGN.md.
Mới làm quen với định dạng này? Hãy bắt đầu với DESIGN.md là gì. Sẵn sàng tạo một tệp? Lấy DESIGN.md từ bất kỳ trang web nào.
Hướng dẫn theo nhu cầu
- Lập trình viên làm việc với agent lập trình AI
Để Claude Code và Cursor dựng UI khớp với một trang web
Trích xuất một trang bạn thích, đặt DESIGN.md của nó vào repo và trỏ agent tới tệp, kèm prompt chính xác cho Claude Code và Cursor.
- Nhà sáng lập một mình và nhóm nhỏ
Không có designer? Mượn một hệ thống thiết kế đã được kiểm chứng cho ứng dụng của bạn
Cách chọn trang tham khảo, giữ gì từ DESIGN.md của nó và đổi gì để kết quả là của bạn chứ không phải bản sao.
- Nhóm đang lên kế hoạch làm lại, đổi thương hiệu hoặc chuyển đổi
Sắp làm lại trang web? Hãy trích xuất hệ thống thiết kế trước
Lưu trang hiện tại thành DESIGN.md trước khi làm lại, đổi thương hiệu hay chuyển framework, và biết cần kiểm tra thủ công những gì.
- Designer và agency làm prototype
Kết hợp hai trang tham khảo thành một thiết kế cho bản prototype
So sánh từng token của hai tệp DESIGN.md đã trích xuất và gộp thành một đặc tả cho bản prototype, thủ công hoặc cùng agent của bạn.
- Lập trình viên xây dựng agent và quy trình agent
Cung cấp đặc tả thiết kế cho agent lập trình khi cần bằng MCP
Kết nối máy chủ MCP để agent tự trích xuất DESIGN.md của một trang, chờ kết quả và dựng giao diện từ đó.