Ekran görüntülerini çalışan koda dönüştürün
Screenshot-to-code, ekran görüntüsü dosyalarını analiz ederek bunları temiz HTML, Tailwind, React veya Vue koduna dönüştüren bir yazılım aracıdır. Geliştiricilerin arayüz tasarımlarını hızlıca çalışan kod bloklarına (code snippets) çevirmesine olanak tanır.
Ne kazandırır?
- Ekran görüntülerini ve tasarım dosyalarını temiz HTML veya React koduna çevirir
- Web sitesi kayıtlarını işlevsel prototiplere dönüştürür
- Tailwind CSS ve çeşitli popüler arayüz kütüphanelerini destekler
Kurulum
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --buildcd frontend
pnpm install
pnpm devKod bilmiyorsanız
Ekran görüntüsünü analiz et ve görseldeki tasarımı birebir yansıtan, temiz ve işlevsel bir kod yapısı oluştur. Çıktıyı Tailwind CSS kullanarak HTML veya React formatında hazırla. Görseldeki gerçek logoları ve varlıkları ayıklayarak koda dahil et, tasarımın tüm öğelerini duyarlı (responsive) bir şekilde kodla.
Bağlantılar
TreScout bu aracı geliştirmedi · GitHub trendlerinde keşfedip Türkçe tanıttı. Bu sayfa deponun 2026-08-28 tarihindeki hâlini anlatır: Yıldız sayısı ve yazdığımız metin o güne aittir, depo sonrasında değişmiş olabilir. Güncel durum için depo bağlantısına bakın.