Open Design nasıl çalışır — kendi sunucunuzda barındırılabilen, kendi anahtarını getir mimarisi

Bu rehber, gerçekte ne çalıştırdığını anlamak isteyenler içindir: Open Design'ın kaputun altında nasıl çalıştığı, neden her katmanda kendi sunucunuzda barındırılabildiği ve BYOK olabildiği, ve becerileriyle tasarım sistemlerinin neden fork edebileceğiniz birer dosyadan ibaret olduğu. AI Stack Engineer'ın tam videosunda sunduğu mimari odaklı anlatımı izler; yeniden yazılmış ve güncel sürüme göre güncellenmiştir. Canlı çalıştırma için yukarıdaki videoyu izleyin ya da yazılı sürüm için okumaya devam edin.

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

Open Design nedir?

Open Design, bulut tabanlı bir tasarım aracının tamamen açık kaynaklı bir alternatifidir: local-first, web'e dağıtılabilir ve her katmanda BYOK. "BYOK" kendi anahtarını getir (bring your own key) demektir. Open Design kendi modelini veya ajanını paketlemek yerine, makinenizde zaten bulunan herhangi bir kodlama CLI'sini — Claude Code, Codex, Cursor, Gemini, OpenCode ve daha fazlası — tarar ve bunu motor olarak kullanır. Yolunuzda hiçbiri yoksa bir Anthropic API yedeği vardır. Lisans Apache-2.0'dır; yani fork edebilir, dahili olarak dağıtabilir ve özgürce değiştirebilirsiniz.

AI Stack Engineer'ın sürekli geri döndüğü nokta şu: bulut tabanlı bir tasarım aracı yalnızca tek bir sağlayıcının modeli üzerinde, onların bulutunda, ücretli bir planın ardında çalışır ve hiçbir kendi sunucunda barındırma seçeneği sunmaz. Open Design bu üçünü de tersine çevirir — sizin makineniz, sizin ajanınız, sizin anahtarınız.

Nasıl inşa edildi (anlamaya değer kısım)

Mimari bilinçli olarak yalındır:

• Ön uç — bir Vite + React + TypeScript uygulaması.
• Arka uç — projeler, konuşmalar, mesajlar ve sekmeler için SQLite kullanan bir Node + Express daemon'ı.
• Daemon, tek ayrıcalıklı süreçtir. Seçtiğiniz CLI'yi başlatır ve çalışma dizinini gizli bir .od dizini altındaki proje başına bir klasör olarak ayarlar.

İşte bu son nokta Open Design'ı bir sohbet kutusundan fazlası yapar: ajan, gerçek bir dosya sistemine karşı gerçek okuma / yazma / bash / web getirme araçları kazanır. Bir çıktı ürettiğinde, diske gerçek dosyalar yazar; bunları açabilir, düzenleyebilir, sürümleyebilir ve dışa aktarabilirsiniz — bir sohbet penceresinde bir yığın döndürmek yerine.

Beceriler ve tasarım sistemleri sadece birer dosya

İşin çoğunu iki yapı taşı yapar ve ikisi de size ait sade dosyalardır:

• Beceriler gerçek yüzeyleri kapsar — web prototipi, SaaS açılış sayfası, gösterge paneli, fiyatlandırma sayfası, dokümanlar, blog, mobil uygulama, sunumlar (dergi tarzı bir PPT becerisi dahil) — artı PM şartnameleri, haftalık güncellemeler, toplantı notları, runbook'lar, finans raporları, faturalar, Kanban panoları ve OKR'ler gibi iş çıktısı şablonları. Her biri okuyabileceğiniz, düzenleyebileceğiniz veya ekleme yapabileceğiniz bir dosyadır.
• Tasarım sistemleri, düz markdown DESIGN.md dosyaları olarak saklanır. Her biri, gerçek markalardan alınan renk, tipografi, boşluk, yerleşim, bileşenler, hareket, ton, marka kuralları ve anti-kalıpları tanımlar.

Open Design çalışma alanı: oluşturmak istediğinizi anlatın, bir mod seçin, gerisini ajanınız halletsin.

İkisi de dosya olduğundan, tüm tasarım iş akışınız sürümlenebilir ve fork edilebilir hale gelir — bir ekip, kendi dahili becerisini ve marka DESIGN.md dosyasını git'te tutabilir ve herhangi bir ajana bunlara göre üretim yaptırabilir.

Kurulum ve kendi sunucunda barındırma

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install   # bu çok sayıda bağımlılık indirir — ona bir dakika tanıyın
pnpm tools-dev run web

Yazdırdığı yerel URL'yi açın (dinamik bir port — sabit kodlamayın). Sıfır kurulumu mu tercih edersiniz? open-design.ai/download adresindeki masaüstü uygulaması Node ve pnpm'i atlar. İlk yüklemede PATH'inizi tarar ve bulduğu ajanları listeler; birini seçin (AI Stack Engineer Claude dışı yolu OpenCode ile test ediyor) ya da Anthropic'in BYOK seçeneğini kullanın.

Komut isteği yığınında bilmeye değer iki akıllı ayrıntı var: bir keşif formu (yazmaya başlamadan önce yüzey, hedef kitle, ton, marka ve ölçek sorar — 30 saniyelik radyo düğmeleri, 30 dakikalık yön düzeltmesinden kurtarır) ve bir yön seçici (deterministik paletlere sahip, özenle seçilmiş beş görsel yön; böylece model havayı doğaçlamaz).

Slayt sunumu modu: bir sunum kategorisi seçin ve başlangıç noktası olarak bir örneği fork'layın.

İşiniz bittiğinde HTML, PDF veya ZIP olarak dışa aktarın — ya da dağıtın. Web'e dağıtılabilir ve local-first olduğundan, hiçbir şeyin üçüncü tarafın bulutuna dokunması gerekmez.

Dürüst değerlendirme

AI Stack Engineer dengeli davranıyor: tek bir üst düzey modele göre ayarlanmış, cilalı bir bulut aracı, kutudan çıktığı haliyle incelik ve dışa aktarma genişliğinde hâlâ önde. Open Design ise birçok kişi için önemli olan şeylerde önde — ücretsiz ve Apache-2.0, kendi ajanınızı ve anahtarınızı getiriyorsunuz ve model esnekliği sessiz bir süper güçtür: bir sağlayıcı fiyatları artırırsa ya da iki modelin bir yerleşimi nasıl ele aldığını karşılaştırmak isterseniz, açılır menüden ajanı değiştirip yeniden çalıştırırsınız. Birkaç dürüst not: henüz araştırma önizlemesinin erken aşamasında; Claude Code en zengin akışı alıyor (yapılandırılmış stream-JSON), diğer CLI'ler ise satır satır tamponlanıyor; çıktı kalitesi büyük ölçüde yönlendirdiğiniz modele bağlı; ve yorum modunda cerrahi düzenlemeler gibi bazı özellikler hâlâ yol haritasında.

İpuçları

• .od proje klasörünü anlayın — çıktılarınız orada gerçek dosyalardır; yedekleyin / commit edin.
• Becerileri ve DESIGN.md'yi git'te tutun; sürümlenmiş, ekipçe paylaşılabilir bir iş akışı için.
• Yerel bir CLI kullanın; böylece üretim, zaten ödediğiniz bir aboneliğin üzerinden gider.
• Motoru bilinçli seçin — zayıf bir model, harika bir tasarım sistemiyle bile yine zayıf çıktı üretir.
• Gizlilik veya kontrol gerektiğinde kendi sunucunuzda barındırın / dağıtın — hiçbir şeyin makinenizden ayrılması gerekmez.

SSS

"Her katmanda BYOK" ne demek? Kendi ajan CLI'nizi ve kendi model anahtarınızı getirirsiniz. Open Design tasarım yüzeyini, becerileri ve tasarım sistemlerini sağlar; model ve maliyeti sizin tarafınızda kalır.

İşim gerçekte nerede duruyor? Makinenizde, .od altında proje başına bir klasörde, yerel daemon tarafından yönetilir (SQLite + gerçek dosyalar). Kendi sunucunuzda barındırılabilir ve web'e dağıtılabilir.

Becerileri ve tasarım sistemlerini özelleştirebilir miyim? Evet — hepsi sade dosyalardır (beceriler klasör olarak, tasarım sistemleri DESIGN.md olarak). Onları düzenleyin, kendinizinkini ekleyin ve sürüm kontrolünde tutun.

Ücretsiz mi? Uygulama Apache-2.0 altında açık kaynaktır ve yerelde çalıştırması ücretsizdir. Yalnızca bağladığınız ajanın ve anahtarın model kullanımı için ödeme yaparsınız.

---

Bu yazılı rehber, AI Stack Engineer'ın tam anlatımına dayanır. Yukarıdaki tam videoyu izleyin ve daha fazla pratik AI yığını analizi için AI Stack Engineer'a abone olun.