Web tasarımı ve frontend geliştirme süreçlerinde, Figma kütüphaneleri ve stil dökümanları geleneksel olarak sadece insanlar için hazırlanmıştır. Ancak kod tabanlarımızda geliştirmeleri yürüten yapay zekâ ajanları ve tarayıcı botları bu görsel kaynakları doğrudan okuyamaz. Çözüm, tasarım sistemimizi makinelerin en rahat parse edebileceği Markdown ve YAML formatında tek bir dosyaya (DESIGN.md) dönüştürmektir. Bu incelemede, Vercel'in Geist sisteminde de uyguladığı bu tasarım modelini ve bu modelin yapay zekâ motorlarındaki görünürlüğümüze (AEO/GEO) olan doğrudan katkılarını inceliyorum.
DESIGN.md: Makinelerin Tasarımı Anlaması
Tasarım kararlarımızı (renk kodları, font boyutları, kenarlık yarıçapları, boşluk kuralları) kod ajanlarının okuyabileceği şekilde yapılandırmak, yapay zekanın sitenin görsel dilini bozmadan (design drift) geliştirme yapabilmesini sağlar. Bir DESIGN.md dosyası, üst bilgisinde (YAML front-matter) tüm renk paletlerini ve tasarım token'larını taşırken, altındaki gövdede (markdown prose) tasarım ilkelerini barındırır. Peter Yang'ın önerdiği design.md öncelikli geliştirme akışı sayesinde, ajan önce tasarım kurallarını okur, ardından bileşenleri kodlar ve son olarak insan gözüyle doğrulanıp yayına alınır. Bu yaklaşım, ajanların jenerik ve kalitesiz arayüzler (AI slop) üretmesini engeller. Bu prensipleri kullanarak nasıl dönüşüm odaklı web projeleri hazırladığımı görmek için Dijital Rakip ve Web Geliştirme çözümlerimizi inceleyebilirsiniz.
Impeccable ile Ajan UI Üretiminde Linting
Tasarım kurallarını sadece yazmak yetmez, ajanın kod yazarken bu kurallara uymasını mekanik olarak zorunlu kılmak gerekir. İşte bu noktada Impeccable gibi tasarım-sistemi-uyumlu linter araçları devreye girer. Ajan kod tabanında bir dosyayı değiştirdiğinde, linter arka planda çalışarak DESIGN.md dosyasındaki kurallarla kodu karşılaştırır. Palette olmayan bir renk kullanıldığında veya kuralsız bir kenarlık yarıçapı girildiğinde ajana anında geri bildirim vererek hatayı düzeltmesini talep eder. Vercel'in de vurguladığı gibi, ajan kalitesini artırmak bir zevk (taste) problemi değil, test edilebilir kurallarla yönetilen bir mühendislik problemidir. Mekanik kontrolleri otomatikleştirdikten sonra, estetik ve görsel kalitenin son kararı her zaman insan onay kapısında kalmalıdır.
AEO ve GEO Görünürlüğünü Artırma
Sitenin yapay zekâ motorlarında kaynak gösterilmesini (citation) sağlamak, modern SEO dünyasının en kritik hedefidir. DESIGN.md içinde kullandığımız yapısal şema kodlamaları (JSON-LD) ve Google'ın OKF (Open Knowledge Format) standartları, arama motoru botlarının sitenin amacını ve içeriğini çok daha hızlı anlamlandırmasını sağlar. Bu teknikleri, programatik sayfa üretim süreçlerimizle birleştirerek GEO (Generative Engine Optimization) performansımızı maksimize ediyoruz. Konuyla ilgili teknik detaylara ulaşmak için Programmatik SEO ve Yapay Zekâ rehberimize göz atabilirsiniz. AEO ve GEO standartlarına uygun iç linkleme silo yapısı sayesinde sitenin taranma gücünü artırırken, yapay zekâ cevaplarında üst sıralarda konumlanmanın kapılarını aralıyoruz.