Sealos Skills ile Open Design'ı cloud'a deploy edin

Open Design kendi makinenizde harika çalışır — ama yerel bir URL yalnızca sizin için işe yarar, ekibiniz, müşterileriniz veya iş ortaklarınız için değil. Bu rehber, bir kodlama ajanının Open Design'ı GitHub deposundan ayağa kaldırdığı ve ardından Sealos Skills'in onu herkese açık bir cloud URL'sine deploy ettiği Sealos'un demosunu takip eder. Canlı akışı görmek için yukarıdaki videoyu izleyin, ya da yazılı versiyonu okumaya devam edin.

Yerelde çalışan Open Design: açık kaynaklı, agent-native bir tasarım çalışma alanı — çevrimiçine taşımadan önceki başlangıç noktası.

Open Design nedir?

Open Design, açık kaynaklı ve agent-native bir tasarım çalışma alanıdır — zaten kullandığınız kodlama ajanının üzerinde çalışan, Claude Design ve Figma'ya bir alternatiftir. Bu rehbere başlamadan önce bilmekte fayda olan birkaç şey:

• Açık kaynak, Apache-2.0 — her satırını okuyun, istediğiniz yerde self-host edin.
• Local-first, ya da self-host edilebilir — kendi makinenizde çalıştırın ya da cloud'a taşıyın (bu rehberin tam olarak yaptığı şey de bu).
• Kendi ajanınızı ve key'inizi getirin — üretimi Claude Code, Codex, Gemini ve daha fazlası üzerinden, kendi model erişiminizi kullanarak yürütür.
• Prototiplerden fazlası — web sayfaları, prototipler, dashboard'lar, slayt sunumları ve diğer teslimatlar, hepsi tek bir çalışma alanından.

Open Design neden cloud'a taşınmalı

Open Design'ı kaynak koddan çalıştırdığınızda, çalışma alanı bir yerel URL üzerinde açılır. Bu, tek başına çalışmak için mükemmeldir: başlatırsınız, tasarlarsınız, sonucu canlı olarak önizlersiniz. Ama Sealos demosunun işaret ettiği gibi bir sorun var — bu adres esasen localhost'tur. Sizin için çalışır ve başka kimse ona ulaşamaz.

Bir tasarımı ekip arkadaşlarınızla paylaşmak, çalışan bir prototipi bir müşteriye teslim etmek ya da dış kullanıcıların sonucu deneyimlemesini sağlamak için uygulamanın herkese açık bir URL'ye ihtiyacı vardır. Bu rehberin tüm amacı da tam olarak bu: Open Design'ı yerel bir çalışma alanından çevrimiçi bir hizmete taşımak, böylece “yerelde çalıştırmak” yalnızca bir başlangıç olur.

Open Design'ı GitHub deposundan ayağa kaldırma

Kurulum dokümanlarını elle okumak yerine, demo tüm işi bir kodlama ajanına (burada Codex) devreder. Fikir basit: ajanı Open Design'ın GitHub deposuna yönlendirin ve kurulum işini onun yapmasına izin verin.

• Depoyu ajana verin. GitHub bağlantısını gönderin ve Open Design'ı çalıştırmasını isteyin. README'yi ve hızlı başlangıç rehberini okur, kurulum adımlarını belirler ve sizin için çalıştırır.
• Yerel URL'yi açın. Başlatma tamamlandığında ajan bir URL sunar. Onu açın, çalışma alanı yüklenir — sizin tarafınızdan komut komut yapılan manuel bir kurulum olmadan.

Open Design açık kaynaklı olduğu için ajan depoyu doğrudan inceleyebilir: proje yapısını, nasıl çalışması gerektiğini ve neye ihtiyaç duyduğunu. Bir sonraki adımı — cloud'a deploy etmeyi — manuel bir iş yerine bir ajan görevi haline getiren de tam olarak budur.

Çalışma alanında tasarım yapma

Çalışma alanı açıldığında, bunun sıradan bir sohbet aracı olmadığını fark edeceksiniz. Bir dizi skill arasından — web sayfaları, prototipler, dashboard'lar, sunumlar — seçim yapabilir ve çıktının tutarlı bir görsel stil taşıması için bir design system seçebilirsiniz.

Demo bir prototip skill'i seçer, bir brief yapıştırır ve ajan hemen çalışmaya başlar. Bu sırada yaratıcı niyetiniz hakkında sorular sorar, siz de istediğinize göre yanıtlarsınız. Ajan solda çalışırken çıktı sağda gerçek zamanlı olarak önizlenir — tıpkı yerel bir yapay zeka tasarım çalışma alanı gibi çalışır.

Çalışma alanında oluşturulan bir landing page — ajan solda çalışır, canlı önizleme sağda render edilir.

Skill'lerin ve design system'lerin tam kataloğuna eklenti merkezinde göz atabilirsiniz, böylece hiçbir zaman boş bir tuvalden başlamazsınız.

Eklenti merkezi: çalışma alanının ürettiği şeyi biçimlendirmek için uygulayabileceğiniz skill'ler ve design system'ler.

Sealos Skills ile Sealos Cloud'a deploy etme

Yerel URL sorununun çözüldüğü yer burasıdır. Demoda, Codex'e verilen bir sonraki talimat basitçe şudur: Open Design projesini analiz etmek ve Sealos Cloud'a deploy etmek için yapay zeka ajanlarına yönelik bir skill paketi olan Sealos Skills'i kullanmak.

Sealos Skills, ajana aksi takdirde sahip olamayacağı deploy know-how'unu kazandırır. İşte demonun izlediği akış:

1. Projeyi analiz et. Skill; proje yapısını, Docker kurulumunu, portları ve ortam değişkenlerini inceler — uygulamanın cloud'da nasıl çalışması gerektiğini belirleyen ayrıntılardır bunlar.
2. Bir deploy planı oluştur. Bu analizden yola çıkarak Sealos Cloud için deploy yapılandırmasını üretir.
3. Onayla ve deploy et. Plan doğru görünüyorsa, sorulduğunda yes yanıtını verirsiniz ve projeyi otomatik olarak Sealos Cloud'a deploy eder.
4. Herkese açık bir URL alın. Deploy'dan sonra Sealos, herkese açık bir erişim bağlantısı döndürür — artık yerel bir adres değildir. Ekip üyeleri, iş ortakları ve dış kullanıcılar onu açıp uygulamayı doğrudan deneyimleyebilir.

Buradaki asıl değişim işi kimin yaptığıdır. Açık kaynaklı bir projeyi deploy etmek genellikle çok fazla manuel değerlendirme gerektirir: yapılandırmaları okumak, portları eşleştirmek, ortam değişkenlerini bağlamak ve bir şeyler bozulduğunda sorun gidermek. Sealos Skills tüm bunları, bir yapay zeka ajanının uçtan uca yürütebileceği bir iş akışına dönüştürür — analiz et, deploy et, doğrula ve yayınla.

Yerel çalışma alanından çalışan bir cloud uygulamasına

Bu noktada Open Design, yerel bir araçtan çevrimiçi bir hizmete dönüşmüş olur. Asıl değer yalnızca tasarımı çalışma alanından çıkarmak değildir — asıl değer, çok fazla manuel değerlendirme gerektiren bir deploy işleminin, bir ajanın tekrar tekrar ve güvenilir şekilde yürütebileceği bir şeye dönüşmüş olmasıdır. Yerelde çalıştırmak yalnızca bir başlangıçtır; başkaları tarafından erişilebilir olmak, çalışmanızı gerçekten paylaşabileceğiniz bir şeye dönüştüren şeydir.

Sıkça sorulan sorular

Open Design'ı çalıştırmak için Sealos kullanmak zorunda mıyım? Hayır. Open Design local-first'tür — kendi makinenizde çalıştırmak gayet iyi çalışır. Sealos, bu demoda uygulamayı herkese açık bir URL üzerinden erişilebilir kılmak için kullanılan üçüncü taraf cloud sağlayıcısıdır; Apache-2.0 altında açık kaynaklı olduğu için istediğiniz gibi self-host de edebilirsiniz.

Sealos Skills nedir? Demoda Codex'i yönlendirirken gösterilen, yapay zeka ajanlarına yönelik bir skill paketidir. Ajana deploy know-how'u kazandırır — bir projenin Docker kurulumunu, portlarını ve ortam değişkenlerini analiz eder, bir deploy planı oluşturur ve uygulamayı Sealos Cloud'da yayınlar.

Ajan deploy sırasında gerçekte ne yapar? Proje yapısını okur, Docker yapılandırmasını, portları ve ortam değişkenlerini kontrol eder, bir deploy yapılandırması oluşturur ve — siz onayladıktan sonra — cloud'a deploy eder ve herkese açık bir URL döndürür.

Open Design ücretsiz mi? Evet — Apache-2.0 lisansı altında açık kaynaklıdır. Yalnızca bağladığınız kodlama ajanının model/API kullanımı için, artı kullanmayı seçtiğiniz herhangi bir cloud barındırma (Sealos gibi) için ödeme yaparsınız.

Burada hangi kodlama ajanı kullanılıyor? Demo Codex kullanıyor, ancak Open Design bağladığınız herhangi bir kodlama ajanının üzerinde çalışır — Claude Code, Codex, Gemini ve diğerleri — kendi key'inizi kullanarak.

---

Bu yazılı rehber Sealos'un demosuna dayanmaktadır. Yukarıdaki videonun tamamını izleyin ve yapay zeka ajanlarıyla cloud deploy hakkında daha fazlası için Sealos'a abone olun.