Her web sitesinden
DESIGN.md al

DESIGN.md, AI kodlama ajanlarının tutarlı arayüz üretmek için okuduğu düz metin bir tasarım sistemi belgesidir. AGENTS.md'nin tasarım tarafındaki karşılığıdır: hem insanlar hem ajanlar onu okuyabilir, düzenleyebilir ve uygulayabilir. Arka planda iki katmanı vardır. YAML frontmatter, makinenin okuyabileceği renk, tipografi ve boşluk gibi tasarım token'larını tutar. Markdown gövdesi ise tasarım gerekçesini açıklar.

Bir DESIGN.md genellikle şu sırayla sekiz standart bölüm içerir: Overview, Colors, Typography, Layout, Elevation and Depth, Shapes, Components ve Do's and Don'ts. YAML frontmatter token değerlerini birebir kodlar. Markdown gövdesi bunların nasıl ve neden uygulanacağını açıklar. İlgisi olmayan bölümler çıkarılabilir, alana özgü ek bölümler eklenebilir.

Herkese açık herhangi bir web sitesinin URL'sini Design Extractor'a yapıştır ve çıkarma düğmesine tıkla. Kaydol, bir kredi paketi satın al; her çıkarma birkaç kredi harcar. Sonuç, kopyalayabileceğin bir DESIGN.md'dir. DESIGN.md'yi repona koy, AI ajanın onu Claude, Cursor, Copilot veya Stitch için stil referansı olarak okusun.

Proje dizininden Markdown dosyalarını okuyan her AI kodlama aracı DESIGN.md kullanabilir. Buna Claude Code, Cursor, GitHub Copilot ve dosya erişimi olan diğer kodlama asistanları dahildir. DESIGN.md'yi proje köküne ya da bir docs klasörüne koy ve isteminde ona atıf yap.

Herkese açık her web sitesini. Design Extractor canlı sayfayı bir tarayıcıda işlendiği haliyle analiz eder. Statik siteler, SPA'lar ve sunucuda işlenen sayfalarla çalışır. Siteye standart bir HTTP/HTTPS URL'si üzerinden erişilebilmelidir.

Devlet portalları ve yerel mağazalar gibi bazı siteler yalnızca belirli ülkelerden gelen ziyaretçilere açılır. Site ziyareti reddettiği için bir çıkarma başarısız olursa sonuç sayfası bunu söyler ve sitenin açıldığı ülkeleri önerir. Birini seç; sayfa o ülkedeki bir tarayıcıda yüklenir ve her zamanki gibi çıkarılır. Başka bir ülkeden yapılan bir çıkarma, seviye fiyatına ek olarak küçük bir ek ücret tutar; bu ücret başlamadan önce gösterilir ve yine de başarısız olan çıkarma iade edilir. Aynı seçenek Chrome uzantısında ve MCP sunucusu üzerinden de kullanılabilir.

Evet. Chrome için Design Extractor uzantısı, sitede giriş yaptığın oturumu kullanır: ayrıca giriş yapman gerekmez. Açılır penceresi kredi bakiyeni gösterir ve tek tıkla o anki sekmendeki sayfayı ana sayfadaki formla aynı çıkarmaya, Lite veya Pro olarak, aynı kredilerle gönderir. Hazır olan DESIGN.md sitede açılır ve Çıkarmalarım sayfasında görünür. Bu ilk sürümde sayfanın herkese açık olması gerekir: sayfayı sunucu yakalar, bu yüzden giriş gerektiren, localhost üzerindeki veya özel bir ağdaki sayfalar henüz desteklenmiyor. Düzenleme ve indirme hâlâ sitede yapılır.

Evet. Design Extractor aynı zamanda bir MCP sunucusudur. claude.ai, Claude Desktop veya ChatGPT'de sunucu URL'sini bağlayıcı olarak ekle ve hesabınla giriş yap; Claude Code, Codex, Cursor veya Agent SDK'da tek bir komutla bağlan (dokümantasyon sayfasında her biri için ilgili blok var, istemcinin gerektirdiği yerde hesap sayfandan alacağın bir API anahtarıyla) ve ondan bir siteyi çıkarmasını iste. Ajan çıkarmayı başlatır, yaklaşık bir dakika sonra tekrar kontrol eder ve repona kaydedeceğin DESIGN.md metnini alır; sitedekiyle aynı kredilerle. Claude Code ve Codex onu bir eklenti olarak da kurabilir; bu eklenti bir DESIGN.md'yi bir kod tabanına uygulayan bir skill ekler.