Mengintip Taste Skill: Bikin UI Desain AI Lebih Berkelas, Bukan Lagi Desain Biasa Aja

Desain antarmuka pengguna (UI) yang dihasilkan oleh kecerdasan buatan (AI) seringkali terjebak dalam tampilan "boilerplate" yang generik, kan? Nah, di sinilah Taste Skill datang untuk menyelamatkan. Ini adalah alat yang dirancang untuk memberikan "selera" atau rasa estetika yang baik pada AI Anda. Tujuannya adalah untuk meng-upgrade antarmuka yang dibuat AI menjadi lebih kuat dalam hal tata letak, tipografi, gerakan, dan spasi. Ini akan membuat UI buatan AI terlihat jauh lebih profesional, bukan sekadar tampilan standar.

Apa Itu Taste Skill?

Taste Skill adalah sebuah proyek yang fokus pada peningkatan kualitas UI buatan AI. Ini bukan sekadar setelan default, melainkan serangkaian "skill" atau kemampuan yang bisa dipasang ke agen AI. Proyek ini juga menyertakan papan referensi untuk desain web, mobile, dan brand kits yang bisa kamu gunakan. Penting untuk diingat, Taste Skill tidak memiliki token, koin, atau proyek kripto resmi. Jadi, jika ada yang mengaku menggunakan nama atau proyek ini untuk tujuan kripto, itu tidak berafiliasi dan tidak didukung.

Cara Menggunakan Taste Skill

Penggunaan Taste Skill cukup fleksibel. Kamu bisa memasangkannya dengan generator gambar seperti Midjourney, lalu menyerahkan frame hasil render ke coding agent seperti Codex, Cursor, atau Claude Code untuk diimplementasikan. Untuk gambar, kamu bisa pakai ChatGPT Images, mode gambar Codex, atau agen mana pun yang bisa menghasilkan gambar.

Kamu juga bisa menyalin file SKILL.md ke dalam proyekmu atau menempelkannya langsung ke percakapan ChatGPT atau Codex. Ingat, setiap skill dirancang untuk satu tugas spesifik. Kamu tidak perlu memasang semuanya sekaligus.

Instalasi dan Pembaruan

Memasang Taste Skill itu mudah. Kamu cukup menggunakan perintah CLI (Command Line Interface) berikut:

bash
npx taste-skill-cli install

Jika kamu sudah menggunakan versi 1 (v1) sebelumnya, cukup jalankan kembali perintah instalasi yang sama. Itu akan langsung meng-upgrade kamu ke v2. Nama instalasi tidak berubah, jadi tidak perlu memperbarui skrip yang sudah ada. SKILL.md yang baru akan menggantikan yang lama.

V2 adalah penulisan ulang besar-besaran dari v1. Jika kamu sangat bergantung pada perilaku v1 dan ingin tetap di sana, kamu bisa menguncinya dengan perintah ini:

bash
npx taste-skill-cli install@1

Detail lengkap tentang perbedaan antara v1 dan v2 serta alasan di baliknya ada di diffs/v1-to-v2.md.

Memilih Skill yang Tepat

Taste Skill punya beberapa varian khusus yang dirancang untuk skenario yang berbeda. Berikut panduan singkat untuk membantumu memilih:

Skill	Deskripsi Penggunaan	Output Utama
`taste-skill`	Pilihan umum yang paling aman (sekarang `v2` eksperimental). Digunakan untuk aturan yang lebih ketat berorientasi GPT/Codex dan penegakan gerakan/tata letak.	Gambar desain saja
`taste-skill-vision`	Untuk alur kerja `gambar -> analisis -> kode website`. Sangat berguna jika kamu ingin satu alur kerja yang menghasilkan referensi dan mengimplementasikan situs dalam kode.	Kode situs dan referensi
`taste-skill-refactor`	Untuk meningkatkan codebase yang sudah ada, bukan membuat gaya baru dari nol.	Kode yang ditingkatkan
`taste-skill-direct`	Ketika arah visual desain sudah dipilih atau jelas.	Gambar desain saja
`taste-skill-condense`	Jika agen AI terus-menerus memotong outputnya karena terlalu panjang.	Gambar desain saja
`taste-skill-concept`	Ketika deliverable adalah konsep (komposisi, alur, identity boards). Hasilnya kemudian diserahkan ke coding agent. Digunakan dengan `ChatGPT Images` dan `Codex` untuk meminta frame.	Konsep desain

Jika kamu ingin menggabungkan beberapa alur kerja, kamu bisa menyatakan pipeline dalam prompt Anda, misalnya: taste-skill-concept + taste-skill-vision.

Pengaturan (Hanya untuk `taste-skill`)

Beberapa skill, khususnya taste-skill, menyediakan "dial" atau pengaturan yang bisa kamu sesuaikan dari 1-10 untuk mengontrol hasil. Angka-angka ini biasanya ada di bagian atas file skill.

_layout: Mengontrol eksperimen tata letak. Angka rendah cenderung ke tata letak yang berpusat dan bersih. Angka lebih tinggi menghasilkan tata letak asimetris dan modern.
_motion: Mengatur kedalaman animasi. Angka rendah berarti animasi hover sederhana. Angka lebih tinggi bisa berarti animasi scroll atau magnetis yang lebih kompleks.
_density: Menentukan kepadatan informasi per viewport. Angka rendah berarti lebih lapang dan banyak spasi. Angka tinggi cocok untuk dashboard yang padat informasi.

Fitur Lain

Taste Skill menawarkan beberapa varian khusus, dial yang dapat disesuaikan di skill utama, dan aturan anti-pengulangan yang didasarkan pada riset mendalam. Hebatnya, semua ini framework agnostic alias tidak terikat pada satu framework kode tertentu dan bisa digunakan di berbagai agen coding utama. Ini berarti aturan-aturannya menargetkan niat desain, bukan API framework tertentu.

Ini adalah file instruksi portabel yang dapat dimuat secara otomatis oleh agen. Kamu bisa menginstalnya via npx atau menyalinnya langsung ke repositori atau percakapan. File SKILL.md ada di dalam folder skills/ di repositori ini, sehingga CLI dapat menemukannya bersama skill kode lainnya.

Kontribusi dan Dukungan

Tim di balik Taste Skill sangat menyambut masukan dari pengguna. Jika kamu punya saran atau menemukan bug, jangan ragu untuk membuka Pull Request atau Issue di GitHub. Jika Taste Skill membantumu dalam proyek, pertimbangkan untuk memberikan dukungan atau sponsor. Tulisan dan riset yang membentuk skill ini bisa kamu temukan di folder writing/.