Open Design'ı hangi kodlama ajanıyla çalıştırmalısın?

Open Design'daki ilk gerçek karar ne inşa edeceğin değil — onu hangi kodlama ajanının sürdüğü. Bu rehber o seçime odaklanır: (uzun) desteklenen ajanlar listesi, birini nasıl seçeceğin ve nasıl kurup inşa edeceğin. Tony Xhepa'nın videosunda verdiği adım adım anlatımı izler; yeniden yazılmış ve güncel sürüme göre güncellenmiştir. Yukarıdaki videoyu izle ya da yazılı sürüm için okumaya devam et.

Open Design çalışma alanı: ne inşa etmek istediğini anlat, bir mod seç, gerisini ajanın halletsin.

Neden ajan önemli seçimdir

Open Design kendi modelini getirmez — açık kaynaklı, yerel öncelikli bir yüzeydir ve zaten sahip olduğun herhangi bir kodlama ajanının üzerinde çalışır. Yani seçtiğin ajan senin tasarım motorundur: kaliteyi, maliyeti ve hızı belirler. Güzelliği kapsamında. Tony'nin desteklenen ajanlar listesi uzun: Claude Code, Codex, Devin for Terminal, Cursor, Gemini, OpenCode, Qwen, GitHub Copilot CLI, Hermes, Kimi, Pi, Kiro — ve daha fazlası. Zaten ne kullanıyorsan, Open Design büyük olasılıkla onu destekler; hiçbiri kurulu değilse bunun yerine bir Anthropic veya OpenAI API anahtarı kullanabilirsin.

Nasıl birini seçersin

Seçmenin hızlı bir yolu:

• Zaten bir kodlama CLI'sine para ödüyor musun? Onu kullan — Open Design o aboneliğin üzerine biner, yani ikinci bir fatura yok.
• En güçlü tasarım çıktısını mı istiyorsun? İlk yapım için onu üst düzey bir modele yönlendir (ör. güçlü bir model üzerinde Claude Code).
• Ucuz veya ücretsiz mi istiyorsun? Gemini CLI'nin ücretsiz katmanı ya da OpenCode'un paketlenmiş modelleri iyi çalışır; kendi anahtarını da getirebilirsin.
• Gizliliği/yerelliği mi önemsiyorsun? Herhangi bir yerel CLI, üretimi makineni asla terk etmeyen kimlik bilgileri üzerinde tutar.

Bağlı kalmıyorsun — aktif ajanı daha sonra tek tıkla değiştir.

Adım 1 — Kaynaktan kurulum

Open Design bir Next.js uygulamasıdır; Hızlı Başlangıç bir avuç komuttan ibarettir:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
pnpm install
pnpm tools-dev run web

Sonra yazdırdığı yerel URL'yi aç (dinamik bir port — sabit kodlama). Tony'nin değindiği bir not: Node 24 ister — Node 22'de bir “unsupported engine” uyarısı görürsün, bu yüzden önce Node 24'ü kur. Terminal istemiyor musun? open-design.ai/download adresinde bir masaüstü uygulaması var.

Adım 2 — Yürütme modunu yapılandır (ajanını seç)

İlk açılışta yürütme modunu ayarlarsın: yerel CLI, Anthropic API veya OpenAI API. Yerel CLI'yi seç, Open Design makinende hangi ajanları algıladığını gösterir — Tony'de Codex, Gemini, OpenCode ve Pi kurulu (o makinede Claude Code kurulu değil olarak görünüyor). Birini seç (o OpenCode ile gidiyor), istersen modeli seç ve Get started.

Eklenti merkezi: kayıt defterine göz at, eklentileri içe aktar ve ekibin için hazırla.

Adım 3 — İlk tasarımını oluştur

Bir Prototype oluştur, adlandır, sadakati (yüksek) seç ve önerilen bir brief'ten başla (Tony bir SaaS analitik panosu seçiyor). Open Design keşif sorularını çalıştırır (marka bağlamı, grafik veri kaynağı, görsel yön), sen yanıtlarsın, bir yön seçersin ve o inşa eder. Bitmiş çıktının bir önizlemesi, bir kaynak kodu görünümü, yorumları ve bir Share menüsü vardır — PDF olarak dışa aktar, indir, bağımsız HTML, şablon olarak kaydet ve daha fazlası.

Eklenti kütüphanesi: skill'leri doğrudan kayıt defterinden kur — anti-slop tasarım skill'leri dahil.

İpuçları

• Zaten para ödediğin ajanı seç — ikinci bir abonelik yok ve o senin kaliteni/maliyetini belirler.
• Önce Node 24'ü kur ki desteklenmeyen motor uyarısından kaçınasın.
• local CLI modunu kullan ki Open Design kurulu ajanlarını otomatik algılasın.
• İstediğin zaman ajan değiştir — seçim kalıcı değil; tek tıkla değiştir.
• CLI yok mu? Bir API anahtarı kullan (Anthropic veya OpenAI).

SSS

Open Design hangi ajanları destekler? Birçoğunu — Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen, GitHub Copilot CLI, Devin, Hermes, Kimi, Pi, Kiro ve daha fazlası. Makinene kurulu olanları otomatik algılar.

Nasıl birini seçerim? Zaten para ödediğin CLI'yi kullan; ilk yapım için güçlü bir model, yineleme için daha ucuz bir model seç; ya da ücretsiz bir katman / kendi API anahtarını kullan.

Neden Node 24 uyarısı? Open Design Node 24 gerektirir; Node 22'de bir “unsupported engine” uyarısı görürsün. Gidermek için Node 24'ü kur.

Ücretsiz ve açık kaynak mı? Evet — Apache-2.0, yerel öncelikli. Ücretsiz çalıştır; yalnızca bağladığın ajanın ya da anahtarın model kullanımı için ödeme yaparsın.

---

Bu yazılı rehber Tony Xhepa'nın adım adım anlatımına dayanır. Yukarıdaki tam videoyu izle ve daha fazla açık kaynak geliştirme aracı için Tony Xhepa'ya abone ol.