Codex
Codex ile arayüz tasarlamak için iş akışı, eklentiler ve sunumlar.
AJAN TASARIM REHBERİ
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.
22 ajan kılavuzu, bir çalışma alanı.
› Use the reference. Build the landing page.
Reading DESIGN.md · binding tokens…
Writing landing-page.html ✓
Your agentCodexClaude CodeOpenCode+19
Bir referans. Sizin ajanınız. Kendinize özgü bir şey.
Örnek iş akışı, ürün ekran görüntüsü değildir.
TASARIM İŞ AKIŞI
Bir Kodlama Ajanı Tasarım İş Akışında Üç Rol
Bir 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.
Tasarım ajanı nedir- 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.
KODLAMA AJANI KILAVUZLARI
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.
22 kılavuz
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
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ğı.
Eşleşen Kılavuz Yok
Başka bir ad deneyin veya 22 kılavuzun tümüne dönün.
Bir kılavuz uyumluluğu garanti etmez. Bağlanmadan önce aracın, kimlik doğrulamanın ve platform gereksinimlerinin sayfasını kontrol edin.
MASAÜSTÜ UYGULAMASI
OpenDesign'ı İndirin ve Kodlama Ajanınızı Bağlayın
OpenDesign'ı indirin, ajanınızın kurulum kılavuzunu takip edin ve ilk projeye bir referans getirin.
- 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.
TASARIM KAYNAKLARI
Kodlama Ajanları için Tasarım Kaynakları
Bir ajanın bir göreve bağlayabileceği yeniden kullanılabilir workflow'lar, marka token'ları ve başlangıç noktaları.
SIK SORULAN SORULAR
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.
Başlayın
Zaten Kullandığınız Kodlama Ajanıyla Başlayın
OpenDesign'ı indirin Kurulum notları
macOS ve Windows için masaüstü sürümleri. Telefonda, kurulum kılavuzunu kaydedin ve masaüstünüzde devam edin.
