UI UX Pro Max: Membantu AI Membuat UI/UX yang Lebih Bagus
UI UX Pro Max adalah skill untuk AI coding agent yang membantu membuat desain interface lebih terarah. Isinya mencakup style, warna, typography, layout, komponen, hingga aturan UX.
Cara Kerjanya
Saat mendapat tugas membuat UI, agent bisa mencari referensi yang sesuai dari kumpulan pengetahuan UI UX Pro Max sebelum menulis kodenya.
Alurnya sederhana:
Kebutuhan → cari referensi → tentukan desain → coding → cek hasil
Misalnya kita meminta membuat dashboard SaaS. Agent bisa mencari style, kombinasi warna, font, komponen, dan pola UX yang cocok untuk dashboard tersebut.
Jadi bukan sekadar “buat dashboard yang modern”, tetapi ada acuan yang bisa dipakai saat mendesainnya.
Design System
UI UX Pro Max juga punya Design System Generator.
Fungsinya membuat aturan dasar untuk sebuah proyek, seperti:
warna
typography
style
komponen
UX
Ini membantu menjaga tampilan tetap konsisten ketika aplikasinya punya banyak halaman.
Banyak Stack
Skill ini bisa digunakan untuk berbagai teknologi, seperti React, Next.js, Vue, Nuxt, Angular, Svelte, Astro, Flutter, React Native, SwiftUI, Tailwind, dan shadcn/ui.
Jadi pengetahuan desainnya bisa mengikuti stack yang sedang digunakan.
Cocok untuk Apa?
UI UX Pro Max berguna ketika kita menggunakan AI untuk membangun website atau aplikasi tetapi tidak ingin hasilnya terlihat seperti UI generik.
AI tetap mengerjakan kodenya. Skill ini memberikan referensi dan aturan desain supaya keputusan UI-nya lebih masuk akal dan konsisten.
Sederhananya: AI yang biasanya langsung coding diberi “arah desain” sebelum mulai bekerja.