design-farmer - Kỹ năng dành cho tác nhân lập trình AI đọc codebase và tổ chức thành design system

Phân tích repository, trích xuất các mẫu thiết kế hiện có, rồi phát triển chúng thành một design system dựa trên OKLCH với token, component, kiểm thử và tài liệu.

Vì sao cần nó?

Khi làm việc với tác nhân AI và vibe coding, tính nhất quán trong thiết kế thường là thứ sụp đổ đầu tiên. Màu sắc mỗi nơi một kiểu, khoảng cách không đồng đều, và dark mode bị gạt sang một bên. Nếu đưa cho tác nhân các ràng buộc thiết kế rõ ràng, UI tạo ra sẽ nhất quán hơn nhiều, nhưng tự tay xây dựng những thứ đó lại là việc tốn công hơn cả lợi ích nhận được.

Design Farmer tự động hóa toàn bộ quá trình này. Nó đọc codebase, hiểu những gì đã có, rồi xây mới hoặc nâng cấp một design system đạt mức production dựa trên nền tảng đó. Không cần tự tay tạo file token hay copy-paste bảng màu nữa.

Tính năng chính

• Tổ chức design token dựa trên OKLCH
• Xây dựng cấu trúc phân tầng token primitive / semantic
• Xây dựng các component cơ bản có tính đến khả năng truy cập
• Mở rộng dark theme
• Tạo DESIGN.md
• Kiểm tra style drift và việc dùng token sai cách

Mục tiêu là tạo ra một quy trình thiết kế có thể lặp lại để tác nhân tiếp tục tham chiếu trong các công việc về sau.

Nếu đặt file DESIGN.md do awesome-design-md cung cấp vào dự án, nó sẽ hiểu hệ thống mà người dùng mong muốn và bắt đầu từ đó.