Spesifikasyondan ön uca, arada devir teslim yok
Agent’ınızı bir DESIGN.md’ye ve bir açıklamaya yönlendirin; sisteme uygun, gerçek ön uç kodu yazsın — bileşenler, ekranlar, panolar — doğrudan projenizde. İşaretleme yok, “tasarımı bekliyoruz” yok.
Tek cümlede
Open Design, tasarım sistemini makine tarafından okunabilir kılarak tasarımcı-mühendis boşluğunu kapatır: kodunuzu yazan aynı agent sistemi uygular ve gerçek arayüzü işler.
Bir mühendis Open Design’ı nasıl kullanır
- 01
İşaretleme değil, sistemi okuyun
DESIGN.md depoda yaşar. Agent’ınız onu, kod tabanının geri kalanını okuduğu gibi okur — yorumlanacak dışa aktarılmış spesifikasyon yok.
- 02
Sisteme uygun arayüz üretin
Ekranı ya da bileşeni anlatın; agent sistemle zaten uyumlu ön uç yazsın. Prototipler, yönetim panoları, dahili araçlar — dakikalar içinde.
- 03
Zaten sizin kodunuz
Çıktı, deponuzdaki HTML / çerçeve kodudur, bir PR’de gözden geçirilebilir. “tasarım” ile “yapım” arasında çeviri adımı yok.
Bir mühendis neler üretebilir
prototip Tam promptu oku → Dokümantasyon Sayfası
Yan gezinme, kaydırılabilir makale içeriği ve içindekiler tablosu içeren dokümantasyon sayfası. Brief'te 'dokümantasyon', 'kılavuz', 'API referansı' veya 'öğretici' geçtiğinde kullanın.
prototip Tam promptu oku → Mühendislik Runbook'u
Bir mühendislik runbook'u — hizmet genel bakışı, alarm tablosu, dashboard bağlantıları, kopyalanabilir komutlarla yaygın prosedürler, nöbet rotasyonu ve olay müdahale kontrol listesi. Runbook, ops dokümanı, nöbet rehberi, SRE dokümanı veya 运维手册 için kullanın.
sunum Tam promptu oku → Html Ppt bilgi mimarisi planı
Krem plan mimarisi destesi — krem kağıt tabanlı #F0EAE0 + tek pas kırmızı #B5392A vurgu, 48px plan ızgara maskesi, 2px siyah kenarlı sert kartlar, pipeline adım kutuları (biri yükseltilmiş), sağda pas kırmızı içgörü çağrısı, Playfair serif büyük yazı tipi, SVG kesikli geri bildirim döngüsü. Gradyan yok, yumuşak gölge yok, ciddi ve baskı dostu.
sunum Tam promptu oku → Html Ppt Tech Sharing
Konferans / dahili teknik sunum dosyası — GitHub-dark, JetBrains Mono, terminal kod blokları, ajanda + soru-cevap sayfaları. Mühendislik sunumları, dahili paylaşım oturumları, konferans konuşmaları ve kod ağırlıklı anlatımlar için.
prototip Tam promptu oku → Veri Görselleştirme Raporu
CSV, Excel veya JSON verilerini şık bir görsel rapor sayfasına dönüştürür.
prototip Tam promptu oku → Kanban Panosu
Sütunlu (To do / In progress / In review / Done) kanban / görev panosu, sürüklenebilir kartlar, atanan kişi avatarları, swimlane'ler ve üst filtre çubuğu içerir. Brief'te 'kanban', 'task board', 'sprint board', 'trello' veya '看板' geçtiğinde kullanın.
Open Design ile ön uç vs. devir teslim yolu
| Neye ihtiyacınız var | Open Design ile | Tasarımdan geliştirmeye devir teslim |
|---|---|---|
| İnşa edilecek bir tasarım edinin | ●Agent’ınızın doğrudan okuduğu bir DESIGN.md | Elle yeniden yorumladığınız bir Figma dosyası |
| Sistemi eşleştirin | ●Üretim anında otomatik dayatılır | Bir spesifikasyona göz kararı bakmak, sapma sızar |
| Dahili araçlar / panolar yapın | ●Komut → depoda sisteme uygun ön uç | Bir tasarımcıyı beklemek, sonra iki kez yapmak |
| Gözden geçirme | ●Koddur — bir PR’de diff’leyin | Bir taslağa karşı piksel kıyaslaması |
| Maliyet ve bağımlılık | ●Açık kaynak, deponuzda, yerelde çalışır | Tüm ekibin lisanslaması gereken bir tasarım aracı |
Doğrudan depoda üretilen gerçek, sisteme uygun ön uç. İnşa ettiğinize yakın olanı seçin ve anlatın.
Mühendislik SSS
-
01 Hâlâ bir tasarımcıya ihtiyacım var mı?
Marka ve yön için evet. Ama sisteme uygun arayüz ve dahili araçlar yapmak için agent DESIGN.md’yi okur ve ön ucu yazar — devir teslim gidiş dönüşü yok.
-
02 Ne çıktı verir?
Deponuzda gerçek HTML / çerçeve kodu, bir PR’de gözden geçirilebilir — yeniden uyguladığınız bir taslak değil.
-
03 Sisteme uygun nasıl kalır?
DESIGN.md doğruluk kaynağıdır; agent onu üretim anında uygular, böylece çıktı elle piksel kontrolü olmadan eşleşir.
-
04 Hangi agent’ları kullanabilirim?
Claude Code, Codex, Cursor Agent, Gemini CLI ve daha fazla birinci taraf adaptörü, kendi sağlayıcı anahtarlarınızla.
Bir sonraki arayüzünüzü bu gece üretin
Depoya yıldız verin, Open Design’ı kurun ve bir DESIGN.md’yi ön uca dönüştürün — zaten kullandığınız agent’ta.