Review Repo GitHub: Logo Design Skill, Cara AI Agent Mendesain Logo dari Brief sampai File SVG
Tiara Basori
29 Oktober 2026 · 27 min
Daftar Isi
Membuat logo dengan AI sering berakhir di simbol generik yang terasa familiar tapi tidak punya karakter. Masalahnya bukan pada kemampuan menggambar, tapi pada tidak adanya proses: brief, riset, konsep, konstruksi, dan pengujian. Logo Design Skill hadir untuk menutup celah itu.
Repo ini mengubah Claude, Gemini CLI, Codex, atau agent AI lain menjadi desainer identitas yang disiplin—mulai dari brief sampai file SVG siap produksi. Karena pendekatannya rapi dan hasilnya bisa diuji, repo ini wajib dibahas, terutama buat kamu yang sering bikin logo untuk project sampingan atau klien kecil.
- Nama Repo: kaankiziltug/logo-design-skill
- Kelebihan: Alur desain end-to-end dengan checkpoint, audit SVG dan test sheet otomatis, serta library 1.400+ logo dunia sebagai referensi
- Lisensi: MIT License
Apa Itu Logo Design Skill?
Logo Design Skill adalah Agent Skill open source yang berisi instruksi desain, referensi, dan tool Python untuk membuat logo secara terstruktur. Formatnya mengikuti standar Agent Skills—satu folder dengan SKILL.md—sehingga bisa dipakai di Claude Code, Claude.ai, Gemini CLI, Codex CLI, Cursor, GitHub Copilot, hingga OpenCode.
Alih-alih langsung menghasilkan gambar, skill ini memandu AI melewati fase discovery, riset kategori, pembuatan 8–12 konsep, konstruksi SVG, pengujian, presentasi, dan delivery. Ada juga mode untuk critique, redesign, system, dan assets, jadi tidak hanya untuk membuat logo dari nol.
Kenapa Repo Ini Penting?
-
Proses Desain yang Disiplin. Skill ini memaksa AI bekerja berurutan: menyusun brief, memetakan kata kunci brand, memilih tipe mark, lalu membangun tiga konsep terkuat dalam SVG hitam-putih. Setelah diuji, AI berhenti di checkpoint—menampilkan gambar konsep plus rekomendasi—dan menunggu kamu memilih arah.
Pendekatan ini mencegah kesalahan yang paling mahal: mengerjakan paket lengkap untuk ide yang belum disetujui. Kamu bisa mengoreksi murah di tahap konsep, bukan setelah semua file jadi.
-
Alat Uji dan Audit Otomatis. Setiap konsep melewati
svg_audit.pydanpreview_sheet.pysebelum ditampilkan. Audit mengecek jumlah warna, kompleksitas anchor, sudut yang nyaris pas, detail terlalu kecil, dan titik tengah. Test sheet menguji logo di ukuran 16/32 px, satu warna, versi reversed, blur, mirror, sampai shelf test melawan kompetitor.Tool lain membantu produksi:
concept_sheet.pyuntuk ringkasan konsep,presentation_board.pyuntuk board presentasi dengan mockup sesuai industri, sertaexport_variants.pyuntuk favicon, app icon, dan web manifest. -
Library 1.400+ Logo Dunia. Repo ini membawa lebih dari 1.400 file SVG logo nyata dari sekitar 1.200 brand, lengkap dengan klasifikasi tipe, teknik, geometri, industri, dan mood. Library bisa dicari lewat command line atau dijelajahi lewat galeri lokal.
Datanya juga memberi insight: abstract 24%, combination 21%, pictorial 20%, letterform 15%, wordmark 10%. Median pemakaian warna hanya dua, dan 75% logo memakai tiga warna atau kurang. Library ini untuk dipelajari, bukan ditiru—file logonya adalah merek dagang pemiliknya dan tidak tercakup lisensi MIT.
Cara Install Repo
- Buka repository di GitHub: kaankiziltug/logo-design-skill.
- Pilih metode instalasi sesuai agent yang kamu pakai—plugin marketplace, clone manual, atau unggah ZIP untuk Claude.ai.
- Salin folder
skills/logo-designke direktori skills agent kamu. - Mulai sesi baru, lalu minta logo seperti biasa. Skill akan terpicu otomatis dari deskripsinya.
Untuk Claude Code, instalasi tercepat lewat plugin marketplace:
/plugin marketplace add kaankiziltug/logo-design-skill
/plugin install logo-design@logo-design-skill
Untuk instalasi manual Claude Code, pilih lingkup pemasangannya. Perintah berikut menggunakan shell macOS/Linux; clone repo cukup sekali.
git clone https://github.com/kaankiziltug/logo-design-skill.git
mkdir -p .claude/skills
cp -r logo-design-skill/skills/logo-design .claude/skills/logo-designProject · jalankan dari root proyek. Skill disimpan di .claude/skills/.
git clone https://github.com/kaankiziltug/logo-design-skill.git
mkdir -p ~/.claude/skills
cp -r logo-design-skill/skills/logo-design ~/.claude/skills/logo-designGlobal · tersedia lintas proyek untuk pengguna ini. Pilih salah satu lingkup dan periksa folder tujuan sebelum menyalin.
Untuk Gemini CLI atau Codex, sesuaikan direktori tujuan:
mkdir -p ~/.gemini/skills ~/.codex/skills
cp -r logo-design-skill/skills/logo-design ~/.gemini/skills/logo-design
cp -r logo-design-skill/skills/logo-design ~/.codex/skills/logo-design
Logo Design Skill
Ringkasan editorial berdasarkan alur yang dijelaskan di artikel ini, bukan kutipan isi file atau hasil pengujian.
Brief → konsep → checkpoint
Mulai dari identitas brand dan eksplorasi konsep. Pilih arah desain sebelum meminta paket aset lengkap.
Lihat alur lanjutan
Periksa konstruksi SVG, keterbacaan ukuran kecil, variasi satu warna, dan hasil render sebelum ekspor. Pastikan folder scripts, references, dan assets ikut disalin bersama skill.
Untuk Claude.ai / Claude Desktop, unduh logo-design.zip dari halaman Releases lalu unggah lewat Settings → Capabilities → Skills. Kalau ada batas ukuran, pakai logo-design-lite.zip yang tidak menyertakan file SVG library. Di Windows, cukup copy folder skill secara manual ke direktori tujuan.
Untuk Hermes, cara paling praktis adalah meminta langsung lewat chat, misalnya: “Pasang skill logo-design dari repo GitHub kaankiziltug/logo-design-skill ke folder skills Hermes.” Karena Hermes punya akses terminal, ia bisa meng-clone repo dan menyalin foldernya ke lokasi yang benar—di Windows biasanya %LOCALAPPDATA%\hermes\skills\creative\logo-design. Hermes juga punya perintah hermes skills install, tetapi untuk repo ini sebaiknya tetap salin seluruh folder agar scripts/, references/, dan assets/library/ ikut terbawa.
Untuk Cursor, GitHub Copilot, atau OpenCode, biasanya cukup folder skills/ di root project. Setelah menyalin, mulai sesi baru agar skill terdeteksi.
Contoh Penggunaan
Setelah terpasang, cukup minta seperti biasa. Skill akan menanyakan brief singkat atau langsung menyatakan asumsinya, lalu membuat konsep.
"Buatkan logo untuk Harbor, aplikasi tabungan untuk pengguna pertama. Kesan yang diinginkan tenang dan aman."
Alur yang disarankan: minta konsep dulu, pilih satu arah di checkpoint, baru minta paket lengkap berisi warna, lockup, favicon, board presentasi, dan panduan penggunaan.
Tips:
- Jangan langsung minta kit. Minta konsep dulu dan pilih di checkpoint—iterasi di tahap ini jauh lebih murah.
- Uji sebelum memilih warna. Lihat konsep dalam greyscale dan ukuran 16 px. Kalau tidak terbaca di kecil, warna tidak akan menyelamatkannya.
- Di Windows, pakai
pythonataupy -3. Perintahpython3sering mengarah ke stub Microsoft Store.- Selalu render dan lihat hasilnya. Jalankan
render_png.pysebelum menyetujui file final, karena menggambar SVG tanpa melihat hasil sama dengan menggambar buta.- Cek merek dan lisensi font. Skill tidak menjamin trademark clearance, jadi tetap lakukan pencarian merek profesional sebelum dipakai komersial.
Link Repository
GitHub — logo-design-skill
Logo Design Skill adalah contoh bagus bagaimana sebuah skill bisa mengubah AI dari "pembuat gambar" menjadi rekan desain yang punya proses, alat uji, dan titik henti yang jelas. Kalau kamu sering membuat logo untuk project sampingan atau klien kecil, repo ini layak masuk daftar coba.
Suka artikel review repo seperti ini? Jangan lupa bookmark blog ini!