⚠️ Sebelum Install Skill Ini

Skill ini butuh Claude Code terinstall duluan. Claude Code berbeda dari Claude.ai di browser. Ini versi yang jalan di terminal.

Langkah 1: Buka terminal

• Mac: Cmd+Space → ketik "Terminal" → Enter
• Windows: Win+R → ketik "cmd" → Enter

Langkah 2: Cek Node.js

node --version

Kalau error, download di https://nodejs.org (pilih LTS).

Langkah 3: Install Claude Code

npm install -g @anthropic-ai/claude-code

Langkah 4: Login

claude

Ikuti instruksi login. Perlu akun Anthropic (gratis di https://claude.ai).

Apa itu Frontend Design Skill?

Ini skill resmi dari Anthropic, bukan buatan komunitas. Sudah ada 277.000+ instalasi dan di-update Februari 2026.

Masalah yang dipecahkan: setiap developer yang pakai Claude Code pernah dapat output yang sama. Inter font, gradient ungu di atas putih, layout kartu dengan rounded corner, animasi minimal. Anthropic menyebutnya "distributive convergence": model mereproduksi pusat statistik dari keputusan desain.

Skill ini dibuat khusus untuk memecah itu.

Yang Dilarang Skill Ini