Codex
Codex ile arayüz tasarlamak için iş akışı, eklentiler ve sunumlar.
Kodlama Ajanınız.Daha İyi Bir Tasarımİş Akışı.
22 kodlama ajanı için iş akışı kılavuzları, kurulum notları ve tasarım kaynakları; böylece zaten kullandığınız araç bir brief'i özenle tasarlanmış bir arayüze dönüştürebilir.
Bir Kodlama Ajanı Tasarım İş Akışında Üç Rol
Tasarım ajanı nedirBir kodlama ajanı talimatları koda dönüştürür. Bir tasarım iş akışı ise bu kodu kullanılabilir bir arayüze dönüştüren referansları, kısıtlamaları ve incelemeyi ekler.
- 01Kodlama Ajanınız
- Projeyi okur, değişiklik yapar ve geri bildirime yanıt verir. Zaten kullandığınız aracı koruyun.
- 02OpenDesign
- Brief, tasarım kaynakları ve görsel inceleme için çalışma alanı. Her ajan kılavuzu kurulumu açıklar.
- 03Değerlendirmeniz
- Referansı seçin, tutarlı kalması gerekenleri tanımlayın ve sonucu gerçek ekranlarda kontrol edin.
22 Kodlama Ajanı için Tasarım İş Akışı Kılavuzları
Zaten kullandığınız araçla başlayın. Her kılavuz, ajanın rolünü, hazırlanması gerekenleri ve sonraki adımı kapsar. Bu liste bir sıralama değil, bir rehberdir.
Claude Code
İlk brief'ten son incelemeye kadar Claude Code ile bir frontend tasarım iş akışı.
DeepSeek Harness
Harness kurulumu, iş akışındaki rolü ve kullanabileceği tasarım kaynakları.
OpenCode
Seçtiğiniz araçlar ve model sağlayıcıları etrafında kurulan bir tasarım iş akışı.
Grok
Grok Build
Grok Build ile kurulum, ön koşullar ve ilk görsel tasarım görevi.
Cursor
Cursor Agent
Cursor editörü ve tasarım iş akışının bir projede nasıl bir araya geldiği.
DeepSeek
DeepSeek TUI
DeepSeek TUI, ön koşulları ve DeepSeek Harness'tan farkı.
Hermes
Bir Hermes iş akışı için tasarım kaynakları, genişletme seçenekleri ve ön koşullar.
Antigravity
Önce kurulum, ardından Antigravity ile frontend tasarım ve inceleme iş akışı.
Kimi
Kimi CLI
Kimi CLI ile ilk tasarım görevinden önce hazırlanacak girdiler, bağlam ve kurulum.
Qwen
Qwen Code
Qwen Code, model sağlayıcı ve tasarım iş akışının nasıl bağlandığı.
Trae CLI
Trae CLI kurulumu ve arayüz tasarımı için bir başlangıç noktası.
Qoder
Qoder CLI
Qoder CLI kurulumu ve buna eşlik eden tasarım iş akışı.
Mistral Vibe
Mistral Vibe CLI
Genel anlamda vibe tasarımdan ayrı bir tasarım aracı olarak Mistral Vibe CLI.
Gemini
Gemini CLI
Gemini CLI ile kurulumdan incelemeye, referans odaklı bir UI iş akışı.
Copilot
GitHub Copilot CLI
GitHub Copilot CLI ile bir arayüz tasarım iş akışında depo bağlamı ve inceleme.
Kilo
Kilo ile tasarım için yapılandırma, modlar ve pratik bir başlangıç noktası.
Aider
Aider ile mevcut koddan başlayın, üzerinde düşünülmüş bir değişiklik yapın ve farkı inceleyin.
Pi için kurulum, eklentiler ve tasarım kaynakları.
Kiro
Kiro CLI
Gereksinimlerin ve arayüz kararlarının bir Kiro CLI iş akışında nereye oturduğu.
Devin
Devin for Terminal
Devin for Terminal ile görevi çerçevelemek, teslimi tanımlamak ve arayüzü incelemek.
Reasonix
DeepSeek Reasonix
DeepSeek Reasonix ile projeyi, ilişkilerini anlamak ve nereden başlanacağı.
OpenDesign'ı İndirin ve Kodlama Ajanınızı Bağlayın
- 01
OpenDesign'ı İndirin
macOS veya Windows için sürümü seçin ve uygulamayı açın.
- 02
Ajanınızı Bağlayın
Yukarıdaki kılavuzundaki ön koşulları kontrol edin ve açıklanan kurulumu tamamlayın.
- 03
İlk Görevi Başlatın
Aşağıdaki kaynaklardan bir referans, kısa bir brief veya bir şablon getirin.
Kodlama Ajanları için Tasarım Kaynakları
Kodlama Ajanları, Modeller ve Skill'ler Açıklandı
Bu iş akışı için yeni bir kodlama ajanına gerek yok. Bu yanıtlar terimleri ve ilgili sayfaları kapsar.
Ajan Değiştirmem Gerekiyor mu?
Hayır. Şu anda kullandığınız araç için olan kılavuzla başlayın. Kurulum ve mevcut yetenekler o araca ve sürümüne bağlıdır; dizin bunları sıralamaz.
Ajanlar, Modeller ve Skill'ler Aynı Şey mi?
Hayır. Bir model akıl yürütmeyi sağlar, bir ajan görev üzerinde çalışır ve bir skill yeniden kullanılabilir bir çalışma yöntemi sunar. Skill dizini bu son katmanı listeler.
Tasarım Araçlarını Karşılaştırıyorum. Nereye Bakmalıyım?
Değiştirme ve birlikte kullanım soruları için araç karşılaştırmalarına bakın. Bu ajan kılavuzları, zaten kullandığınız bir araçla çalışmayı açıklar.
İlk Görevim Ne Olmalı?
Küçük bir arayüz seçin ve bir referans getirin. Genişletmeden önce düzenini, tek bir etkileşimi ve dar bir ekranı kontrol edin. Bir şablon size başlangıç noktası sağlayabilir.
Zaten Kullandığınız Kodlama Ajanıyla Başlayın
macOS ve Windows için masaüstü sürümleri. Telefonda, kurulum kılavuzunu kaydedin ve masaüstünüzde devam edin.
OpenDesign'ı indirin Kurulum notları