Şablonlar.

Aracı tarafından oluşturulan ve fork edebileceğiniz artifacts — prototipler, slaytlar, resim ve video şablonları. Bunları yerel aracı kullanarak kendi anahtarlarınızda çalıştırın; tüm promptlar, posterler ve örnek HTML dosyaları Apache-2.0 lisansı altındadır.

Oyun Ekran Görüntüsü - Anime Dövüş Oyunu: Kaptan Ryuuga vs Kaze Renshin önizlemesi gorsel
@open-design-contributors Open Design
Tam promptu oku →

Oyun Ekran Görüntüsü - Anime Dövüş Oyunu: Kaptan Ryuuga vs Kaze Renshin

Street Fighter 6 veya Tekken 8 tarzında dövüş oyunu ekran görüntüsü. İki anime tarzı savaşçı gece Çin tapınağı avlusunda dövüşüyor, tam dövüş oyunu HUD'u ile (sağlık çubukları, tur sayacı, P1/P2 karakter panelleri, kombo sayaçları ve enerji göstergeleri). gpt-image-2 için optimize edilmiş, 16:9 oranında.

Oyun Ekran Görüntüsü - Three Kingdoms ARPG: Lü Bu'nun Yuanmen Okçuluğu önizlemesi gorsel
@open-design-contributors Open Design
Tam promptu oku →

Oyun Ekran Görüntüsü - Three Kingdoms ARPG: Lü Bu'nun Yuanmen Okçuluğu

Lü Bu'nun kamp kapısında uzaktaki mızrağı vurarak savaşı durdurduğu ünlü Three Kingdoms sahnesinin aksiyon-RPG ekran görüntüsü. Black Myth: Wukong tarzı sinematik gerçekçi grafik ve Unreal Engine 5 ile üçüncü şahıs omuz arkası görüş açısı. Eksiksiz oyun içi HUD (HP ve qi çubukları, mini harita, yetenek çubuğu, hedef işaretleyici ve mesafe göstergesi) içerir. gpt-image-2 için 16:9 formatında optimize edilmiştir.

Hyperframes önizlemesi video
@open-design Open Design
Tam promptu oku →

Hyperframes

HyperFrames HTML ile video kompozisyonları, animasyonlar, başlık kartları, katmanlar, altyazılar, seslendirmeler, ses-reaktif görseller ve sahne geçişleri oluşturun. HTML tabanlı video içeriği, sesle senkronize altyazılar, metin-konuşma anlatımı, müzikle reaktif animasyonlar (beat senkronizasyonu, parıltı, nabız), animasyonlu metin vurgulama (marker süpürmesi, el çizimi daireler, patlama çizgileri, karalamalar, taslaklar) ve sahne geçişleri (crossfade, wipe, reveal, shader geçişleri) destekler.

Infografik - Otaku Dans Koreografisi Dökümü (Gokuraku Jodo, 16 Panel) önizlemesi gorsel
@open-design-contributors Open Design
Tam promptu oku →

Infografik - Otaku Dans Koreografisi Dökümü (Gokuraku Jodo, 16 Panel)

16 kare panelden oluşan 4×4 ızgaralı dikey 2:3 poster, ünlü Japon otaku dans şarkısı 極楽浄土 (Gokuraku Jodo)'nun tam koreografi dökümünü gösterir. Her panel, aynı yarı-gerçekçi anime idol kızını karakteristik dans pozlarında gösterir, gpt-image-2 ile AI video üretimi için poz referans sayfası olarak tasarlanmıştır, 2:3 format.

Open Design Ana Sayfası önizlemesi prototip
@open-design Open Design
Tam promptu oku →

Open Design Ana Sayfası

A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.

prototip
@open-design Open Design
Tam promptu oku →

Orbit Genel

İki veya daha fazla bağlayıcı bağlandığında Orbit tarafından otomatik olarak tetiklenir. Son 24 saatin tüm kimliği doğrulanmış bağlayıcılardan (GitHub, Linear, Notion, Slack, 飞书, Takvim, Gmail, Drive, Sentry, Vercel vb.) etkinliklerini toplar ve "我的设计" üst kısmında uyarlanabilir bento-ızgara panosu oluşturur. Orbit'in günlük özet zamanlayıcısı tarafından otomatik olarak çalıştırılır.

prototip
@open-design Open Design
Tam promptu oku →

Orbit Notion

Open Orbit brifing becerisi — Notion kullanıcının tek bağlı bağlayıcısı olduğunda veya kullanıcı günlük özetini açıkça Notion ile sınırladığında Orbit pipeline'ı tarafından seçilir. Kullanıcının kimliği doğrulanmış Notion bağlantısından son 24 saatteki belge düzenlemelerini, yorumları, bahsetmeleri ve veritabanı satır değişikliklerini çeker ve özeti yerel Notion sayfası (callout/toggle/veritabanı tablosu öğeleri) olarak görüntüler. Bu beceri manuel olarak tetiklenmemelidir — Orbit'in günlük özet zamanlayıcısı tarafından canlı Notion verilerine karşı çağrılır.

prototip
@open-design Open Design
Tam promptu oku →

Sosyal Carousel

1080×1080 kare düzeninde üç kartlı sosyal medya carousel'i – seri boyunca birbirine bağlanan başlıklarla ('ileriye.' → 'bir sonrakine.' → 'ileriye bakarak.') sinematik, markaya uygun üç panel. Her kart bir marka işareti, sayı/toplam, başlık ve 'döngü' affordance içerir. 'Carousel gönderisi', 'sosyal carousel', 'Instagram carousel', 'LinkedIn serisi', 'X dizi kartları' veya '三连发' talep edildiğinde kullanın.

Sosyal Medya Gönderisi - Sansasyonel Kız Dansı Storyboard (8 Çekim) önizlemesi gorsel
@open-design-contributors Open Design
Tam promptu oku →

Sosyal Medya Gönderisi - Sansasyonel Kız Dansı Storyboard (8 Çekim)

Tutarlı dans sekansı oluşturmak için eksiksiz 8 çekim storyboard prompt seti. gpt-image-2 modelleri için optimize edilmiş, küresel stil tokenları, yeniden kullanılabilir negatif prompt ve sekiz çekim başına prompt (açılış pozu, kalça groove, vücut dalgası, beat-drop bel dönüşü, yan kalça sallanması, saç savurma, güç duruşu, bitiş pozu) içerir.

prototip
@open-design Open Design
Tam promptu oku →

Velar. — Lüks Gayrimenkul

Sinematik tek sayfalık lüks gayrimenkul açılış sayfası: yukarı kayarak kaybolan daktilo tarzı bir ön yükleyici, aşağıdan yükselip büyürken koyu bir vurgu bölümüne sabitlenen kaydırmayla yönlendirilen bir bina görseli, sayıların yukarı doğru sayıldığı sabit (sticky) koyu bir istatistik şeridi ve koyu bölümün üzerine kayarak gelen, üzerine gelindiğinde genişleyen bir video galerisi.

video
@open-design-contributors Open Design
Tam promptu oku →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.

video
@open-design-contributors Open Design
Tam promptu oku →

Video - Three Kingdoms ARPG - Lyu Bu Yuanmen okçuluğu (Seedance 2.0)

~10 saniyelik motor içi sinematik aksiyon sekansı: Lyu Bu kırmızı cilalı uzun yayı gerer ve altın ışıltılı qi okunu uzaktaki mızrağa doğru atar. Seedance 2.0 için sıkı kamera kontrolü, yay/ok fiziği, rüzgar, toz ve sancak animasyonları, ekran görüntüsü stili renk düzeltmesiyle optimize edilmiştir. İlgili görüntü şablonunu tamamlar.

video
@open-design Open Design
Tam promptu oku →

Kısa video

Kısa video oluşturma becerisi — ürün tanıtımları, hareket teaserları ve ortam döngüleri için 3-10 saniyelik klipler. Varsayılan olarak Seedance 2 kullanır ancak Kling 3 / 4, Veo 3 veya Sora 2 ile de aynı şekilde çalışır. Çıktı, proje klasörüne kaydedilen tek bir MP4 dosyasıdır. Çalışma alanı aynı zamanda interaktif video/hyperframes becerisi sunduğunda, tek bir uzun monolitik klip yerine birkaç kısa çekimi tek bir zaman çizelgesinde birleştirmeyi tercih edin.

prototip
@open-design Open Design
Tam promptu oku →

Worker Görselleştirici

Ağır hesaplaması bir Web Worker'da çalışan gerçek zamanlı bir görselleştirici oluşturun — parçacık sistemleri, fizik, fraktallar, veri/ses görselleştirme — isteğe bağlı olarak SharedArrayBuffer ile bellek paylaşarak, canvas'a 60fps hızında çizilir. Web worker, simülasyon, parçacık sistemi, fizik, fraktal, ana iş parçacığı dışı hesaplama veya gerçek zamanlı görselleştirici istekleriyle tetiklenir.

SSS

Open Design şablonları nedir?

Open Design ile birlikte gelen eklenti paketlenmiş şablonlar — açık kaynak Claude Design alternatifi. Her biri çalıştırılabilir bir artifact: prototip, slayt seti, resim oluşturucu, video композисі veya HyperFrames hareket parçası. Yerel aracınız eklentiyi prompt ve isteğe bağlı örnek HTML'e karşı çalıştırır ve makinenizde paylaşılmaya hazır bir asset üretir.

Şablonlar nasıl lisanslanır?

Her yerde Apache-2.0. Promptu fork edin, example.html'i uyarlayın, marka tokenlarını değiştirin — tek istenen şey, yeniden dağıtırken LICENSE bildirisini tutmanızdır.

Kendi API anahtarlarımla çalıştırabilir miyim?

Evet. Open Design her katmanda BYOK'dur — Claude / OpenAI / yerel model kimlik bilgileriniz makinenizi asla terk etmez. Pazarlama sitesi herhangi bir inference proxy'si değildir; katalog satırlarında gördüğünüz canlı önizlemeler posterlerden ve şablonların sağladığı Cloudflare Stream URL'lerinden gelir, barındırılan bir runtime'dan değil.

Nasıl şablon katkısında bulunurum?

nexu-io/open-design/plugins/_official deposuna, open-design.json, SKILL.md ve çalıştırılabilir example.html içeren yeni bir klasörle bir PR açın. Depo içindeki katkıcı kılavuzu manifest alanlarında adım adım rehberlik eder. Onaylanan katkılar genel kataloga girer ve bir sonraki deployment'ta burada otomatik olarak gösterilir.

Bu, Claude Design Studio'dan nasıl farklı?

Claude Design Studio, Anthropic'in barındırılan ürünüdür. Open Design, açık kaynak Claude Design alternatifidir — bu katalogdaki her şablon, prompt ve tasarım sistemi genel bir repo'da yaşar, seçtiğiniz anahtarlara karşı yerel olarak çalışır ve herkesin yazabileceği eklentiler aracılığıyla genişletilebilir. Aynı artifact taksonomisini (prototipler, slaytlar, resimler, video) yansıtıyoruz, böylece zihinsel model devam eder, ancak aracı runtime'a kadar her şey makinenizde kalır.

Önizlemeler nereden geliyor?

Her şablonun manifestı bir poster URL'si (Cloudflare CDN) ve video şablonları için bir Cloudflare Stream MP4 taşır. Grid, poster'ı statik küçük resim olarak render eder ve üzerine gelince video döngüsünü başlatır. Resim ve prototip şablonları, poster'larını doğrudan gösterir; tıklamak ayrıntı sayfasında çalıştırılabilir example.html'i açar.