Đây là của ứng dụng hiện đại có tên .
Phân tích kỹ lưỡng giao diện người dùng trong ảnh chụp màn hình này và mô tả nó chi tiết nhất có thể để chuyển từ nhà thiết kế giao diện người dùng sang nhà phát triển. Bản tóm tắt phải bao gồm cả chế độ sáng và tối, đồng thời chứa các điểm ngắt phản hồi phù hợp với các giá trị mặc định của Tailwind CSS v4.3.
Các đặc tính đầu ra dưới dạng JSONC có cấu trúc.
Đối với màu sắc, hãy trích xuất một bảng màu thô và chỉ các điểm nhấn chi tiết và phương tiện phức tạp. Mục tiêu là chỉ sử dụng 2 bảng màu: chính và phụ tương tự như màu Tailwind. Bên cạnh 2 điều này, bạn có thể xác định bất kỳ số lượng màu xám và màu nhấn nào cho giao diện người dùng phức tạp hơn (độ dốc, bóng, SVG, v.v.).
Kết thúc bằng lời nhắc giải thích cách triển khai giao diện người dùng cho nhà phát triển nhưng không đề cập đến bất kỳ thông số kỹ thuật nào; chỉ tóm tắt về giao diện người dùng sẽ được triển khai và các quy tắc + cách sử dụng mã thông báo. Xuất lời nhắc dưới dạng khối mã Markdown.
Đầu ra phải là hai khối mã: một khối dành cho bản tóm tắt thiết kế và một khối dành cho đặc tả thiết kế JSONC.
