design-system

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.

Rancang 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.

We need to translate the given text from English to Bahasa Indonesia. The instruction says to preserve product names, protocol names, URLs, numbers, and technical terms. Also preserve the name "design" if it appears, but it's in the name field, not in the text? Actually the text includes "design" multiple times. We should keep "design" as is? The instruction says "Name to preserve: design" and "Do not include the name unless it appears in the source text." So if "design" appears in the source text, we keep it. It does appear. Also preserve terms like "Gemini AI", "Chart.js", "SVG", "Gemini 3.1 Pro", "HTML", "CIP", etc. Numbers like 55, 50, 22, 15 should be kept. Also "brand identity", "design tokens", "UI styling", "logo generation", "corporate identity program", "mockups", "banner design", "icon design", "social photos", "screenshot", "multi-platform",