ckm:ui-styling
oleh nextlevelbuilder
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.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingLebih banyak skill dari nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
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...
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
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.
designdevelopmentcreative
ckm:design
nextlevelbuilder
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...
designcreativemedia
ckm:brand
nextlevelbuilder
Suara merek, identitas visual, kerangka pesan, manajemen aset, konsistensi merek. Aktifkan untuk konten bermerek, nada suara, aset pemasaran, kepatuhan merek, panduan gaya.
designmarketingcreative
ckm:slides
nextlevelbuilder
Buat presentasi HTML strategis dengan Chart.js, token desain, tata letak responsif, formula copywriting, dan strategi slide kontekstual.
designcreative
ckm:banner-design
nextlevelbuilder
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.
designcreativemarketing
design-system
nextlevelbuilder
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.
designdevelopmentcreative
banner-design
nextlevelbuilder
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.