Manavarya09/design-extract

Neden yükseliyor

165 günde 4.140 yıldız ve son 28 günde 44 commit, araca belirgin ilgi ve hızlı geliştirme işareti veriyor. Ancak aynı dönemde yalnızca 2 farklı yazarın katkısı var; yıldızlar benimseme veya üretilen çıktıların kalitesi için tek başına kanıt değil.

Problem

Canlı bir web sitesinin renk, tipografi, layout ve etkileşim özelliklerini elle inceleyip başka bir projede yeniden kullanıma uygun tasarım sistemi dosyalarına dönüştürmek zaman alır.

Çözüm

Node.js tabanlı CLI, Playwright ile sayfayı tarayıcıda açıp DOM ve farklı ekran boyutlarındaki görünümü inceler; README’ye göre DTCG token’ları, Tailwind ve shadcn/ui temaları, Figma variables ve başka çıktılar üretir. MCP server, Chrome extension ve çoklu platform emitter’ları da sunduğunu belirtiyor.

Yenilik

Web sitesini yalnızca renk ve font düzeyinde değil, responsive davranış, etkileşim durumları ve erişilebilirlik gibi boyutlarla inceleyip çok sayıda formata çıktı verme yaklaşımı kapsamlı. Bu özellik birleşimi kullanışlı olabilir; ancak README’deki iddialar bağımsız kalite ölçümüyle doğrulanmış değil ve temel yöntem olan tarayıcı üzerinden site inceleme yeni değil.

Teknolojiler

• Node.js
• Playwright
• DTCG
• Tailwind CSS
• shadcn/ui
• Figma variables
• MCP
• SwiftUI
• Android Compose
• Flutter
• WordPress

Riskler

• Dinamik, oturum açma gerektiren veya canvas ağırlıklı sitelerden doğru ve eksiksiz sonuç alacağı garanti değil.
• Otomatik çıkarılan token’ların ve WCAG değerlendirmelerinin doğruluğu gerçek projede gözden geçirilmeli.
• Çok sayıda emitter ve özelliğin kapsamı geniş; her çıktının güncel ve üretim kalitesinde olduğu yalnızca README’den doğrulanamıyor.
• Son 28 gündeki 44 commit’e karşın 2 farklı yazar bulunması, bakımın az sayıda kişiye bağlı olabileceğini düşündürüyor.
• Bir siteyi taramadan önce erişim koşulları, kullanım şartları ve varsa robots yönergeleri dikkate alınmalı.