Desain dengan Claude Code

Claude Code adalah jalur agen paling matang di 1DesignTool — design kit ditulis dan disempurnakan untuknya lebih dulu, dan setiap fitur pengarahan (pick, komentar, Tweaks, varian, Council) diuji terhadapnya di run pengujian aplikasi sendiri. Jika Anda punya langganan Claude, inilah mesin default-nya.

Setup

Instal Claude Code dan login ke akun Anthropic Anda — itu seluruh setup di sisi agen. 1DesignTool mendeteksi binary-nya saat aplikasi dibuka dan mencantumkannya di pemilih agen dengan versi dan status login-nya. Pilih chip agen Claude Code · Default di composer, atau atur sebagai default di Settings → Agents.

Model dan effort

Chip agen di composer menyediakan model Claude Code yang ditawarkan CLI — Sonnet untuk iterasi cepat dan murah; Opus saat desainnya menuntut selera yang nyata. Level effort menukar kecepatan dengan kecermatan: Fast untuk varian dan arah sekali pakai, Reviewed untuk iterasi yang memang ingin Anda simpan, Council untuk menyebarkan brief ke beberapa peninjau dan mendapat hasil yang sudah diperiksa.

Claude Code dipilih di composer — brief masuk, run dimulai.

Apa yang diserahkan design kit ke agen

Setiap folder proyek mendapat salinan teks biasa design kit di .claude/skills/ — buku aturan yang dibaca Claude Code di setiap turn: skala huruf dan batas minimum kontras, ukuran target sentuh, struktur markup, kontrak output template, dan pemeriksaan yang akan dijalankan gate. Karena kit-nya file biasa di dalam folder, Anda bisa membukanya, membaca apa yang diberikan ke agen, dan bahkan meng-commit-nya bersama desainnya — spesifikasinya ikut bersama pekerjaan.

Composer dengan Claude Code terpilih — chip agen, effort, dan kontrol kualitas

Apa yang dikuasainya

  • Layout editorial dan huruf — landing page, dokumen, brand board
  • Sistem desain — token, komponen, dan sistem tersimpan yang tetap konsisten
  • Pengarahan panjang — menjaga arah proyek lintas banyak turn tanpa melayang
  • Run Council — mode kualitas multi-peninjau berpadu baik dengan Opus

Tip: Padukan Claude Code dengan sistem desain tersimpan di proyek kedua. Run pertama mengajari kit selera Anda; setiap brief setelahnya mewarisinya.

Jika Claude Code tidak terdeteksi

Cek claude di PATH Anda melalui terminal — 1DesignTool menemukan CLI dengan cara yang sama. CLI yang terinstal tapi belum login menampilkan statusnya di pemilih; aplikasi mengarahkan Anda ke alur login milik Claude Code. Detailnya ada di Hubungkan agen coding Anda dan Troubleshooting.

Terkait