ckm:banner-design

Kecerdasan desain UI/UX untuk web dan seluler. Mencakup 50+ gaya, 161 palet warna, 57 pasangan font, 161 jenis produk, 99 panduan UX, dan 25 jenis bagan di 10 tumpukan (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, dan HTML/CSS). Tindakan: rencanakan, bangun, buat, desain, implementasi, tinjau, perbaiki, tingkatkan, optimalkan, perkuat, refaktor, dan periksa kode UI/UX. Proyek: situs web, halaman arahan, dasbor, panel admin, e-commerce, SaaS, portofolio, blog, dan...

Arsitektur token, spesifikasi komponen, dan pembuatan slide. Token tiga lapis (primitif→semantik→komponen), variabel CSS, skala spasi/tipografi, spesifikasi komponen, pembuatan slide strategis. Gunakan untuk token desain, desain sistematis, presentasi yang sesuai merek.

Keahlian desain komprehensif: identitas merek, token desain, gaya UI, pembuatan logo (55 gaya, Gemini AI), program identitas perusahaan (50 hasil, mockup CIP), presentasi HTML (Chart.js), desain spanduk (22 gaya, sosial/iklan/web/cetak), desain ikon (15 gaya, SVG, Gemini 3.1 Pro), foto sosial (HTML→tangkapan layar, multi-platform). Tindakan: desain logo, buat CIP, hasilkan mockup, buat slide, desain spanduk, hasilkan ikon, buat foto sosial, gambar media sosial, merek...

Buat antarmuka pengguna yang indah dan mudah diakses dengan komponen shadcn/ui (dibangun di atas Radix UI + Tailwind), gaya utilitas-first Tailwind CSS, dan desain visual berbasis kanvas. Gunakan saat membangun antarmuka pengguna, menerapkan sistem desain, membuat tata letak responsif, menambahkan komponen yang dapat diakses (dialog, dropdown, formulir, tabel), menyesuaikan tema dan warna, menerapkan mode gelap, menghasilkan desain visual dan poster, atau menetapkan pola gaya yang konsisten di seluruh aplikasi.

Suara merek, identitas visual, kerangka pesan, manajemen aset, konsistensi merek. Aktifkan untuk konten bermerek, nada suara, aset pemasaran, kepatuhan merek, panduan gaya.

Buat presentasi HTML strategis dengan Chart.js, token desain, tata letak responsif, formula copywriting, dan strategi slide kontekstual.

Arsitektur token, spesifikasi komponen, dan pembuatan slide. Token tiga lapis (primitif→semantik→komponen), variabel CSS, skala spasi/tipografi, spesifikasi komponen, pembuatan slide strategis. Gunakan untuk token desain, desain sistematis, presentasi yang sesuai merek.

Desain banner untuk media sosial, iklan, hero website, aset kreatif, dan cetak. Berbagai opsi arahan seni dengan visual yang dihasilkan AI. Tindakan: mendesain, membuat, menghasilkan banner. Platform: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero website, cetak. Gaya: minimalis, gradien, tipografi tebal, berbasis foto, ilustrasi, geometris, retro, glassmorphism, 3D, neon, duotone, editorial, kolase. Menggunakan keterampilan ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.