Arahkan desainnya — biarkan agent yang memproduksi
Anda menetapkan sistem dan standarnya; agent merender layar, status, varian, komposisi berfidelitas tinggi. Lebih sedikit menggeser persegi, lebih banyak menentukan seperti apa yang bagus itu.
Dalam satu kalimat
Open Design adalah asisten produksi yang tak pernah lelah: Anda mendefinisikan sistem desain dan menentukan seleranya; agent menghasilkan sisanya, sesuai sistem, di dalam repo Anda.
Cara desainer memakai Open Design
- 01
Kodekan sistem Anda
Ubah merek Anda menjadi sebuah DESIGN.md — skala tipografi, warna, jarak, komponen, suara. Inilah sumber kebenaran yang dipatuhi agent.
- 02
Hasilkan ekor panjangnya
Setiap layar, status, dan varian yang biasanya Anda bangun manual — agent merendernya sesuai sistem, jadi 80% bagian membosankan selesai dalam hitungan menit.
- 03
Arahkan dan sempurnakan
Kritik dengan bahasa — “rapatkan jaraknya, buat status kosong terasa lebih hangat.” Anda memegang keputusan akhir; agent menjalankan iterasinya.
Apa yang bisa diarahkan seorang desainer
prototipe Baca prompt lengkap → Web Prototype Taste Editorial
Prototipe web editorial-minimalis. Kanvas monokrom hangat, judul serif + bodi grotesque, garis 1px, chip pastel lembut, ruang putih luas, gerakan mikro halus.
prototipe Baca prompt lengkap → Web Prototype Taste Brutalist
Prototipe web cetak industri Swiss. Kanvas kertas koran, grotesque hitam monolitik, angka yang meluap viewport, pembagi grid tipis, aksen merah bahaya, dekorasi sintaks ASCII. Disuling dari Leonxlnx/taste-skill `brutalist-skill` (mode cetak industri Swiss).
prototipe Baca prompt lengkap → Onboarding seluler
Alur onboarding seluler multi-layar yang ditampilkan sebagai tiga bingkai ponsel berdampingan — splash, value-prop, sign-in. Status bar, titik swipe, CTA utama. Gunakan saat brief menyebutkan 'onboarding seluler', 'onboarding iOS', 'pendaftaran ponsel', atau '移动端引导'.
prototipe Baca prompt lengkap → Sketsa Wireframe
Wireframe yang digambar tangan dengan latar kertas kotak-kotak, gaya spidol/pensil, tab ganda, catatan tempel, dan placeholder grafik sketsa. Cocok untuk permintaan wireframe, sketsa, lo-fi, atau papan tulis.
prototipe Baca prompt lengkap → Web Prototype Taste Soft
Prototipe web soft level Apple. Kanvas perak/krem, kartu bingkai ganda, CTA tombol bersarang, radius squircle besar, animasi spring, dan ambient mesh. Berdasarkan soft-skill dari Leonxlnx/taste-skill dan bagian 4–8.
gambar Baca prompt lengkap → Poster gambar
Generator gambar tunggal untuk poster, key art, dan ilustrasi editorial. Default menggunakan gpt-image-2 tetapi mendukung Flux, Imagen, atau Midjourney melalui tooling upstream aktif. Output berupa file PNG/JPEG yang disimpan ke folder proyek.
Mendesain dengan Open Design vs cara manual
| Yang Anda butuhkan | Dengan Open Design | Perkakas desain manual |
|---|---|---|
| Membangun sistem desain | ●Sebuah DESIGN.md yang diterapkan agent di mana-mana | Pustaka yang Anda rawat manual di tiap alat |
| Memproduksi varian & status | ●Dihasilkan sesuai sistem dari sebuah prompt | Menggandakan frame dan mengutak-atik satu per satu |
| Komposisi berfidelitas tinggi | ●Dirender menjadi HTML nyata, bukan mockup datar | Kerja piksel yang tetap dibangun ulang oleh teknik |
| Tetap konsisten | ●Satu sistem, ditegakkan otomatis | Disiplin manual; melenceng seiring waktu |
| Serah terima | ●Artefaknya adalah kode — tanpa jurang penerjemahan | Dokumen spesifikasi dan anotasi koreksi |
Karya berfidelitas tinggi, sesuai sistem, yang dihasilkan agent dari arahan. Pilih satu yang dekat dengan gaya Anda dan sempurnakan.
FAQ desainer
-
01 Apakah ini menggantikan saya?
Tidak — ini menggantikan kerja melelahkan. Anda menetapkan sistem dan seleranya; agent mengerjakan produksi berulang sehingga Anda menghabiskan waktu untuk keputusan yang hanya bisa Anda buat.
-
02 Bagaimana saya menjaga kendali atas tampilan?
DESIGN.md Anda adalah kontraknya. Agent merender di dalamnya, dan Anda mengkritik dengan bahasa hingga tepat.
-
03 Apakah keluarannya bisa diedit / nyata?
Ini HTML/CSS nyata, bukan ekspor datar — jadi langsung dibawa ke produksi alih-alih dibangun ulang.
-
04 Agent apa saja yang bisa saya pakai?
Claude Code, Codex, Cursor Agent, Gemini CLI dan lebih banyak adapter resmi, dengan kunci penyedia Anda sendiri.
Arahkan desain Anda berikutnya malam ini
Beri bintang pada repo, pasang Open Design, dan biarkan agent menangani produksi sementara Anda menentukan seleranya — di dalam agent yang sudah Anda pakai.