design-farmer - Skill untuk agen coding AI yang membaca codebase dan menyusunnya menjadi design system

Menganalisis repositori, mengekstrak pola desain yang sudah ada, lalu mengembangkannya menjadi design system berbasis OKLCH yang dilengkapi token, komponen, pengujian, dan dokumentasi.

Mengapa ini diperlukan?

Saat menggunakan agen AI dan vibe coding, konsistensi desain biasanya menjadi hal pertama yang runtuh. Warna jadi tidak seragam, jarak antarelemen berantakan, dan mode gelap terabaikan. Jika agen diberi batasan desain yang jelas, UI yang dihasilkan akan jauh lebih konsisten, tetapi membuatnya secara manual adalah pekerjaan yang lebih besar daripada manfaat langsungnya.

Design Farmer mengotomatiskan seluruh proses ini. Ia membaca codebase, memahami apa yang sudah ada, lalu membangun atau meningkatkan design system tingkat produksi di atasnya. Tidak perlu lagi membuat file token secara manual atau menyalin-tempel palet warna.

Fitur utama

• Penataan design token berbasis OKLCH
• Penyusunan hierarki token primitive / semantic
• Pembangunan komponen dasar dengan mempertimbangkan aksesibilitas
• Ekstensi dark theme
• Pembuatan DESIGN.md
• Validasi style drift dan penyalahgunaan token

Tujuannya adalah menciptakan alur kerja desain yang dapat diulang sehingga agen dapat terus merujuknya pada pekerjaan berikutnya.

Jika file DESIGN.md yang disediakan oleh awesome-design-md ditempatkan di proyek, sistem akan mulai dengan memahami sistem yang diinginkan pengguna.