DESIGN.md rehberleri
DESIGN.md, bir web sitesinin tasarım sistemini kodlama ajanının okuyabileceği bir dosyaya dönüştürür: renkler, tipografi, boşluklar, köşe yarıçapları ve bileşenler, kullanım kurallarıyla birlikte. Bu rehberler böyle bir dosyayla ne yapacağını adım adım gösterir; her biri DESIGN.md galerisindeki gerçek bir dosyadan hazırlanmış uygulamalı bir örnek içerir.
Bu formatı ilk kez mi duyuyorsun? DESIGN.md'nin ne olduğuyla başla. Bir tane oluşturmaya hazır mısın? Herhangi bir web sitesinden DESIGN.md al.
Kullanım senaryosuna göre rehberler
- AI kodlama ajanıyla geliştirme yapan geliştiriciler
Claude Code ve Cursor ile bir web sitesine uyan UI oluştur
Beğendiğin bir siteyi çıkar, DESIGN.md dosyasını repona koy ve ajanını ona yönlendir; Claude Code ve Cursor için birebir prompt'larla.
- Tek başına girişimciler ve küçük ekipler
Tasarımcın yok mu? Uygulaman için kanıtlanmış bir tasarım sistemi ödünç al
Referans siteyi nasıl seçeceğin, DESIGN.md dosyasından neyi koruyacağın ve sonucun kopya değil sana ait olması için neyi değiştireceğin.
- Yeniden inşa, marka yenileme veya geçiş planlayan ekipler
Siteni yeniden mi inşa ediyorsun? Önce tasarım sistemini çıkar
Yeniden inşa, marka yenileme veya framework geçişinden önce mevcut siteni DESIGN.md olarak kaydet ve elle neyi kontrol edeceğini bil.
- Prototip hazırlayan tasarımcılar ve ajanslar
Bir prototip için iki referans siteyi tek tasarımda birleştir
Çıkarılmış iki DESIGN.md dosyasını token token karşılaştır ve bir prototip için elle ya da ajanınla tek bir spesifikasyonda birleştir.
- Ajan ve ajan iş akışları geliştiren geliştiriciler
MCP ile kodlama ajanına istediği an tasarım spesifikasyonu ver
MCP sunucusunu bağla; ajanın bir sitenin DESIGN.md dosyasını kendi başına çıkarsın, hazır olmasını beklesin ve ondan geliştirsin.