Taste Skill giúp coding agent thiết kế giao diện web có định hướng và tự kiểm tra bằng trình duyệt
Taste Skill là một agent skill mã nguồn mở giúp các coding agent thiết kế website và màn hình ứng dụng có định hướng thị giác rõ ràng, thay vì tạo ra những landing page chung chung. Công cụ cung cấp các hướng nghệ thuật, hình ảnh thật từ những bộ sưu tập mở kèm ghi công, cùng cơ chế kiểm tra sản phẩm trong trình duyệt. Skill này được xây dựng từ nghiên cứu 247 website được tuyển chọn và thực hiện quy trình sáu bước: hiểu brief, chọn một trong các hướng thiết kế đã nghiên cứu, tìm hình ảnh, dựng trang, kiểm tra ở ba kích thước màn hình và sửa các vấn đề dễ thấy qua tối đa ba vòng. Phiên bản 2.1 cũng hỗ trợ dashboard và màn hình ứng dụng, với các quy tắc về bố cục dữ liệu dễ đọc, biểu đồ, bảng, điều hướng thích ứng và khung trang nhất quán. Công cụ hoạt động với React, Vue, Svelte hoặc HTML thuần, cần Node 22+ cùng Chrome, Edge hoặc Chromium, không cần API key nhưng cần internet để tìm hình ảnh. Trên thực tế, đây là một cách có thể tái sử dụng để giúp giao diện do AI tạo ra khác biệt và được tự kiểm tra tốt hơn, dù mỗi lần dựng thường mất khoảng 30–45 phút và vài trăm nghìn token.
Lập trình viên có thể thử Taste Skill với Claude Code hoặc Codex để tạo landing page, dashboard và màn hình ứng dụng có định hướng thiết kế rõ ràng hơn, thay vì giao diện AI đại trà. Công cụ cần Node 22+, Chrome/Edge/Chromium và kết nối mạng để tìm hình ảnh, nhưng không cần API key.
Đọc bài gốc