Semua Tutorial

8 Skill Claude Code untuk Desainer: Panduan Lengkap

Satu halaman berisi 8 tutorial skill Claude Code untuk desain, dari UI-UX Pro Max sampai Skill Creator. Klik skill yang mau kamu pelajari.

2 menit·27 Juni 2026

Claude bisa jadi desainer kelas dunia, asal kamu install skill yang tepat. Delapan skill di bawah ini dipilih dari ribuan yang ada di GitHub. Semuanya verified dan aktif di-maintain. Star count-nya bicara sendiri. Klik skill yang mau kamu pelajari:


🎨 Skill Desain Visual

1. UI-UX Pro Max

97.000+ stars · nextlevelbuilder Beri Claude database desain yang bisa dicari: 50+ gaya UI, 97 palet warna, 57 pasangan font, 99 UX guidelines. Fitur utama: Design System Generator. Kamu sebut industrinya, skill generate sistem desain lengkapnya.


2. App Store Design

Verified · Parth Jadhav (Atlassian) Generate screenshot App Store dan Google Play yang kelihatan seperti iklan, bukan dokumentasi UI. Semua resolusi Apple, multi-locale, RTL support, export bundle siap upload.


3. Taste Skill

51.000+ stars · Leonxlnx Suite 11 skill spesialis dengan 3 parameter seperti equalizer: DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY. Output Claude langsung berubah karakter, dari brutalism sampai soft UI.


🛠️ Skill Workflow & Engineering

4. GStack

97.000+ stars · Garry Tan (CEO Y Combinator) 23 slash-command dari think sampai deploy. Loop lengkap: /office-hours → /plan → /design-review → /review → /qa → /ship → /retro. AI slop detection bawaan.


🏛️ Skill Resmi Anthropic

5. Frontend Design

277.000+ instalasi · Anthropic official Skill resmi yang memaksa Claude keluar dari output generik. Larang Inter, Roboto, Arial, Space Grotesk. Larang gradient ungu. Larang layout kartu seragam.


🧠 Skill UX & Aksesibilitas

6. UX-UI Mastery

310.000+ kata · phazurlabs 19 skill domain, 55 referensi, 10 commands. Fitts Law, Hick Law, Miller Law, WCAG 2.2, case study Stripe dan Notion. Semua ada dengan formula dan contoh kode.


7. UX-UI Agent Skills

138 design systems · plugin87 17 slash-skills termasuk contrast checker WCAG, axe-core a11y, focus trap, RTL support. Library brand system Stripe, Notion, Vercel, Spotify: tinggal sebut nama, gaya langsung ikut.


⚙️ Skill Meta

8. Skill Creator

Official Anthropic · gratis Ubah dokumen, SOP, atau workflow apapun jadi skill Claude permanen. Brand voice, hook formula, onboarding script. Sekali di-encode, tidak perlu dijelaskan ulang tiap sesi.


Urutan install yang disarankan: Mulai dari Frontend Design (resmi, gratis, langsung terasa), lalu UI-UX Pro Max untuk database desain lengkap, lalu GStack kalau kamu aktif pakai Claude Code untuk build produk. Install Skill Creator terakhir, setelah kamu tahu workflow sendiri. Ada pertanyaan tentang salah satu skill? Komen DESIGN di postingan Instagram @kayadigital.ai dan aku kirim panduan install lengkapnya.

K
KayadigitalPenulis

Educator Claude AI · Kreator Indonesia

Berbagi tutorial Claude AI step-by-step untuk kreator & profesional Indonesia. Semua gratis, langsung praktik.

@kayadigital.ai
👋 Tanya Kaya, Asisten AI