getdesign.md vs Design Extractor
Design Extractor, verdiğin herkese açık her URL'den bir DESIGN.md oluşturur. Dosya Google'ın DESIGN.md spesifikasyonuna uyar ve sayfadan seçtiği her bileşeni, kodlama ajanının yeniden oluşturabileceği bir HTML ve CSS tarifi olarak sunar. Her tarif canlı siteye göre kontrol edilir ya da nedeniyle birlikte işaretlenir. Yalnızca belirli ülkelerden gelen ziyaretçilere yanıt veren sitelerde de çalışır.
getdesign.md, tanınmış markalar için hazır DESIGN.md dosyalarından oluşan seçkin bir koleksiyondur. İkisinin karşılaştırması aşağıda. Bu formatı ilk kez mi duyuyorsun? DESIGN.md nedir yazısını oku.
tarihinde şu kaynaklara göre kontrol edildi: getdesign.md, talep sayfası, Catalog Pass sayfası ve awesome-design-md deposu. Teklifler ve fiyatlar değişir, bu yüzden karar vermeden önce onların sitesine bak.
Neden Design Extractor
Google'ın DESIGN.md spesifikasyonuna uyar
YAML frontmatter yalnızca spesifikasyonun tanımladığı özellikleri kullanır, özel üst düzey anahtar içermez. Overview ile başlayıp Do's and Don'ts ile biten standart bölümler, spesifikasyondaki sırayla gelir. Frontmatter'daki bileşen girdileri yalnızca spesifikasyonun sekiz özelliğini, sabit değerlerle kullanır. Herhangi bir dosyayı ücretsiz DESIGN.md doğrulayıcı ile kontrol et.
Sayfadan seçtiği her bileşen için bir tarif
Sayfadan seçilen header, footer, butonlar, giriş alanları, kartlar ve diğer bileşenlerin her biri bir tarif olarak gelir: DESIGN.md'nin Components bölümünde, sabit değerlerle damıtılmış HTML ve CSS. Her tarif, parçalarını ve sitede görülen hover ve focus durumlarını listeler; böylece kodlama ajanın bileşeni tahmin etmek yerine yeniden oluşturabilir.
Canlı siteye göre doğrulanır
Her tarif tek başına render edilir ve canlı siteye göre kontrol edilir: render edilen parçaların sayfada ölçülenlerle yapısal olarak eşleştirilmesi ve gerçek öğenin yeni alınmış bir görüntüsüyle piksel karşılaştırması. Başarısız olan bir tarif yeniden oluşturulur ve tekrar kontrol edilir. Yine de geçemeyen tarif nedeniyle birlikte işaretlenir, asla doğrulanmış olarak sunulmaz. Sonuç sayfası, bileşenlerin ne kadar yakın eşleştiğini ve sitenin renk ve metin stillerinin ne kadarının kapsandığını gösterir: galerideki Stripe örneğine bak.
Bölge kısıtlamalı sitelerde çalışır
Bazı siteler yalnızca belirli ülkelerden gelen ziyaretçilere yanıt verir. Bir çıkarma bu yüzden başarısız olduğunda sonuç sayfası bir ülke seçici sunar (sayfanın yüklendiği tespit edilen ülkeler en üstte) ve aynı çıkarmayı seçtiğin ülkedeki bir tarayıcı üzerinden çalıştırır. Ülke seçimli çıkarma, Pro fiyatının üzerine 6 kredilik ek ücretle toplam 16 kredi tutar. Çıkarma başarısız olursa kredilerini iade ederiz.
Yan yana
| getdesign.md | Design Extractor | |
|---|---|---|
| Spesifikasyon uyumu | Google'ın DESIGN.md spesifikasyonunun yapısını kullanır: token'lar YAML frontmatter'da, standart bölümler spesifikasyondaki sırayla. | Google'ın DESIGN.md spesifikasyonuna uyar: yalnızca spesifikasyonun özelliklerini içeren ve özel üst düzey anahtar barındırmayan frontmatter, spesifikasyondaki sırayla standart bölümler ve spesifikasyonun sekiz özelliğiyle, sabit değerlerle sınırlı bileşen girdileri. |
| Bileşen tarifleri | Bileşenler frontmatter'da token olarak tanımlanır ve HTML olmadan düz metinle anlatılır. | Sayfadan seçtiği header, footer, butonlar, giriş alanları ve kartlar gibi her bileşen bir tarif olarak gelir: Components bölümünde damıtılmış HTML ve CSS; böylece kodlama ajanın onu yeniden oluşturabilir. |
| Canlı siteye göre doğrulama | Sunulmuyor | Evet. Her tarif tek başına render edilir ve canlı siteye göre kontrol edilir: parçalarının yapısal eşleştirmesi ve piksel karşılaştırması. Geçemeyen bir bileşen nedeniyle birlikte işaretlenir, asla doğrulanmış olarak sunulmaz. |
| Bölge kısıtlamalı siteler | Dosyalar katalogdan ya da özel bir talepten gelir. | Evet. Bir site bazı ülkelerden gelen ziyaretçileri engellediğinde, başarısız çıkarma bir ülke seçici sunar (sayfanın yüklendiği ülkeler en üstte) ve aynı çıkarmayı o ülkedeki bir tarayıcı üzerinden çalıştırır. Ülke seçimli çıkarma, Pro fiyatının üzerine 6 kredilik ek ücretle toplam 16 kredi tutar. |
| Nedir | Gerçek web sitelerinden analiz edilmiş DESIGN.md dosyalarından oluşan, VoltAgent ekibinin yönettiği seçkin bir koleksiyon. | Bir oluşturucu: herkese açık bir URL verirsin, o sitenin DESIGN.md dosyasını döndürür. |
| İstendiğinde her web sitesi | Anında değil. Ücretsiz setin dışındaki bir site için ücretli bir özel talep gönderirsin ve dosya gelen kutuna teslim edilir. | Evet. Herkese açık herhangi bir URL'yi yapıştırırsın ve çıkarma hemen başlar. İş bittiğinde DESIGN.md sonuç sayfasında açılır. |
| Ücretsiz dosyalar | Evet. İndirebileceğin ya da npx getdesign@latest add stripe ile kurabileceğin ücretsiz bir set. Bu dosyalardan 84 tanesi MIT lisansıyla awesome-design-md GitHub deposunda da bulunuyor. | Çıkarmalar ücretlidir. Daha önce çıkardığımız DESIGN.md dosyalarının galerisini okumak ve kopyalamak ücretsizdir. |
| Kapsam | 551 siteden oluşan bir web sitesi kataloğu. Ücretsiz setin dışında bir katalog girdisi indirme değil, bir önizleme ve ücretli talep seçeneği sunar. | Herkese açık her web sitesi, ayrıca önceden çıkarılmış markalardan oluşan küçük bir galeri. |
| Fiyat | Ücretsiz set: ücretsiz. Özel DESIGN.md: tek seferlik $39 (liste fiyatı $59). Catalog Pass: ayda $99, 45 seçkin dosya ve her ay 5 veya daha fazla yeni dosya. | Ön ödemeli kredi, abonelik yok. Paketler 50 kredi $5 fiyatından başlar; bir Pro çıkarma 10 kredi tutar. Krediler hiçbir zaman sona ermez. |
| Dosya nasıl hazırlanır | Sitenin herkese açık olarak gözlemlenebilen kalıplarının bağımsız bir analizi; ilham için bir başlangıç noktası olarak derlenir. | Çalıştırdığın anda canlı siteden bir tarayıcıda render edilir. Pro, sitenin önemli sayfalarından örnek alır. |
| Güncellik | Sitenin analiz edildiği zamana ait bir anlık görüntü. Girdilerde analiz tarihi gösterilmez. | Çalıştırdığın an kadar günceldir. Daha sonraki bir yeniden çıkarma, yeni ve ücretli bir çıkarmadır. |
| Ajan erişimi | Bir DESIGN.md'yi adıyla kuran bir CLI. MCP sunucusu veya API yok. | Claude Code, Cursor, Codex, ChatGPT ve diğer istemciler için bir MCP sunucusu ve bulunduğun sekme için bir Chrome uzantısı. |
| Ekstralar | Her dosyanın canlı açık ve koyu önizlemeleri ve başlangıç kitleri (web sitesi kiti tek seferlik $249, liste fiyatı $299). | Ücretsiz araçlar: bir DESIGN.md doğrulayıcı, bir web sitesi font bulucu ve bir renk paleti çıkarıcı. |
getdesign.md neler sunuyor
- Tanınmış markalar için ücretsiz bir DESIGN.md seti; çoğu MIT lisansıyla GitHub'da awesome-design-md olarak da bulunur.
- Terminalden npx getdesign ile tek satırlık kurulum.
- Her dosyanın canlı açık ve koyu önizlemeleri.
- Talep üzerine diğer siteler için e-postayla teslim edilen özel DESIGN.md dosyaları ve aylık bir Catalog Pass.
- Web sitesi kiti gibi başlangıç kitleri.
Bir koleksiyon ile istendiğinde her URL
İstediğin marka içindeyse bir koleksiyon hızlıdır. Kendi ürünün, bir müşterinin sitesi ya da küçük bir rakip ise nadiren bir katalogda yer alır. getdesign.md buna e-postayla teslim edilen ücretli bir özel talep ile yanıt verir.
Design Extractor ise buna kendi çalıştırdığın bir çıkarmayla yanıt verir: URL'yi ana sayfaya yapıştır, DESIGN.md canlı siteden hazırlanır ve tarifler ona göre kontrol edilir. Tamamlanmış dosyaları galeride gör.
getdesign.md'den geçiş nasıl yapılır
- Sitenin URL'sini Design Extractor ana sayfasına yapıştır ve bir Pro çıkarma çalıştır.
- Sonucu deponun kök dizinine DESIGN.md olarak kaydet, eski dosyanın yerine koy ve AGENTS.md veya CLAUDE.md içindeki yönlendirmeyi koru. Dosyayı elle düzenlersen ücretsiz DESIGN.md doğrulayıcı ile kontrol et.
- Ya da bu işi ajanına bırak: MCP sunucusunu bağla ve ondan siteyi çıkarmasını iste.
Sonuç
Yalnızca bir katalog değil, istendiğinde her site için bileşen tarifleri canlı siteye göre kontrol edilmiş bir DESIGN.md'ye ihtiyacın varsa Design Extractor'ı seç. Siteyi çalıştırdığın andaki haliyle okur ve Google'ın spesifikasyonuna uyar; sayfadan seçtiği her bileşen için bir tarif sunar, geçemeyen tarif nedeniyle birlikte işaretlenir. Ajanın, MCP sunucusu üzerinden çıkarmaları kendisi başlatabilir.
Diğer karşılaştırmalar
designmd.me vs Design Extractor
URL'den DESIGN.md üreten iki araç; spesifikasyon uyumu, bileşen tarifleri, canlı siteye göre kontroller ve fiyat açısından karşılaştırılıyor.
Refero Styles vs Design Extractor
Web sitesi stillerinden oluşan büyük ve ücretsiz bir kütüphane, her URL'den üretilen, spesifikasyona uygun ve bileşen tarifleri canlı siteye göre kontrol edilen bir DESIGN.md ile karşılaştırılıyor.
TypeUI vs Design Extractor
Sekmendeki stillerden kendi şablonunu dolduran ücretsiz TypeUI Chrome uzantısı, spesifikasyona uygun ve bileşen tarifleri canlı siteye göre kontrol edilen bir DESIGN.md ile karşılaştırılıyor.
SSS
getdesign.md vs Design Extractor: sorular
getdesign.md ve Design Extractor hakkında kısa yanıtlar, 2026-10-20 tarihinde kontrol edildi.
Kısmen. getdesign.md üzerindeki ücretsiz set (çoğu MIT lisansıyla GitHub'da awesome-design-md olarak da bulunur) indirilebilir ya da npx getdesign ile kurulabilir. Başka bir site için özel bir DESIGN.md tek seferlik $39, Catalog Pass ise ayda $99 tutar. Fiyatlar 2026-10-20 tarihinde kontrol edildi.
Evet, ücretli bir özel talep olarak: URL'yi gönderirsin, onlar da dosyayı gelen kutuna teslim eder. 2026-10-20 tarihinde sitede anında çalışan, self-servis bir oluşturucu yoktu. Design Extractor ise herkese açık her URL'den, sen çalıştırır çalıştırmaz bir DESIGN.md üretir.
Evet. Frontmatter yalnızca spesifikasyonun özelliklerini kullanır ve özel üst düzey anahtar içermez, standart bölümler spesifikasyondaki sırayla gelir ve bileşen girdileri yalnızca spesifikasyonun sekiz özelliğini sabit değerlerle kullanır. Ücretsiz DESIGN.md doğrulayıcı, herhangi bir dosyayı spesifikasyona göre kontrol eder.
Her tarif tek başına render edilir ve canlı siteyle karşılaştırılır: parçalarının sayfada ölçülenlerle yapısal olarak eşleştirilmesi ve gerçek öğenin yeni alınmış bir görüntüsüyle piksel karşılaştırması. Başarısız olan bir tarif yeniden oluşturulur ve tekrar kontrol edilir; yine de geçemeyen tarif nedeniyle birlikte işaretlenir.
Hayır. Çıkarmalar ön ödemeli kredi kullanır: paketler 50 kredi $5 fiyatından başlar ve bir Pro çıkarma 10 kredi tutar. Krediler hiçbir zaman sona ermez ve abonelik yoktur. Galeriye göz atmak ve ücretsiz araçları kullanmak ücretsizdir.
Evet. İkisi de depona koyduğun ve ajanını yönlendirdiğin bir DESIGN.md verir. Design Extractor'a geçmek ajan kurulumunu değiştirmez.
İhtiyacın olan site için bir DESIGN.md al
Herkese açık herhangi bir URL'yi yapıştır. Pro, sitenin önemli sayfalarından örnek alır ve bileşen tarifleri canlı siteye göre kontrol edilmiş, spesifikasyona uygun bir DESIGN.md döndürür.