Taste Lab
Taste Lab (/taste), herhangi bir web sitesi URL'sini eksiksiz, kanıta dayalı bir "tasarım tadı" özetine dönüştürür—hassas UI ölçümlerini, sistem desenlerini ve yapay zeka ajanlarınızın takip edebileceği kısa bir Tat DNA'sını çıkarır.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
Ürün Bilgisi
Güncellendi:Jun 16, 2026
Taste Lab Nedir
Taste Lab, herhangi bir web sitesinin görsel "zevki"ni tersine mühendislikle analiz eden ve bunu yapay zeka ajanları ve geliştiricileri için eyleme geçirilebilir bir tasarım bağlamına dönüştüren bir tasarım-analiz aracıdır. Hedef bir URL'yi analiz ederek, tam bir Tasarım Haritası (renkler, tipografi, boşluk, yarıçap ve gölgeler gibi tasarım jetonları) ve bir Tat DNA'sı (tasarım kararlarının arkasındaki gerekçe ve ödünleşimler) içeren yapılandırılmış bir çıktı üretir. Amaç, ekiplerin ve yapay zeka araçlarının, belirsiz stil sıfatlarından ziyade nesnel ölçümlere dayalı olarak bir sitenin tasarım amacını net bir şekilde yeniden üretmelerine yardımcı olmaktır.
Taste Lab Temel Özellikleri
Taste Lab (tastelab.xyz), herhangi bir web sitesi URL'sini yapay zeka ajanları için eksiksiz bir "tasarım bağlamına" dönüştüren bir tasarım-analiz aracı/becerisidir. Hassas kullanıcı arayüzü ölçümlerini (renkler, tipografi, boşluk, yarıçap, gölgeler gibi belirteçler), sistem düzeyindeki tasarım kurallarını tespit etmek ve temel "Zevk DNA'sını" (tetikleyiciler, kararlar, kanıtlar ve ödünleşimler içeren ilkeler) çıkarmak için çoklu ajanlı bir boru hattı kullanır. Çıktılar hem Markdown hem de JSON olarak üretilir ve popüler yapay zeka kodlama/tasarım iş akışlarına (örn. Cursor, Windsurf, Claude Code, Copilot) entegre edilebilir, böylece ajanlar referans sitenin tasarım zevkine uygun tutarlı kullanıcı arayüzleri oluşturabilir.
URL'den tasarım bağlamı çıkarma: Bir web sitesi URL'si girin ve onaltılık renkler, yazı tipi boyutları/ağırlıkları, boşluk birimleri, yarıçaplar ve gölgeler gibi nesnel kullanıcı arayüzü belirteçlerini yakalayan yapılandırılmış bir tasarım haritası oluşturun.
Yüksek hassasiyetli ölçümler (yaklaşım yok): ~20 ölçüm kategorisinde tam px/hex/oranları belirtir, bir tasarım sistemi temeli olarak yeniden kullanılabilecek bir belirteç kümesi üretir.
Sistem kurallarına desen tespiti: Çıkarılan ölçümlerden 5-8 sistematik kural türetir, her biri kanıt ve açıkça ifade edilmiş bir tasarım hedefi (kuralın neden var olduğu) ile birlikte.
Ödünleşimlerle birlikte Zevk DNA'sı ilkeleri: Anahtar tasarım seçimlerinin arkasındaki mantığı açıklayan, kanıtlarla ve açık ödünleşimlerle desteklenen dört "zevk ilkesi" (en az bir kısıtlama ilkesi dahil) oluşturur.
Çift çıktılar: Markdown + JSON: İnsan tarafından okunabilir bir brifing (.md) ve makine tarafından tüketilebilir bir dosya (.json) yazar, böylece ekipler kararları gözden geçirebilir ve araçlar belirteçleri güvenilir bir şekilde alabilir.
Yapay zeka araçları için iş akışı entegrasyonları: Araçlara özel talimat konumlarına (örn. Cursor kuralları, Windsurf kuralları, CLAUDE.md, Copilot talimatları) dışa aktarır, böylece bir yapay zeka ajanı sonraki çalıştırmalarda çıkarılan zevki uygulayabilir.
Taste Lab Kullanım Alanları
Hızlı prototipleme için tasarım klonlama: Ürün ekipleri, manuel denetim olmadan benzer hissettiren bir kullanıcı arayüzü oluşturmayı hızlandıran bir belirteç kümesi ve ilkeler oluşturmak için bir rakip veya ilham URL'si besleyebilir.
Kodda ajan destekli kullanıcı arayüzü uygulaması: Yapay zeka kodlama asistanlarını kullanan geliştiriciler, ajanın tutarlı boşluk, tipografi ve renk kararlarına uyan bileşenler/sayfalar oluşturması için Taste Lab çıktısını ekleyebilir.
Startup'lar için tasarım sistemi başlatma: Erken aşama ekipleri, yüksek kaliteli bir referans siteden başlangıçta bir tasarım sistemi oluşturabilir, ürün ölçeklenirken tutarlılığını korumak için yeniden kullanılabilir belirteçler ve kurallar üretebilir.
Marka/tasarım tutarlılığı denetimleri: Tasarım liderleri, belirteçlerdeki ve kurallardaki sapmaları tespit etmek için birden fazla sayfa veya özellik üzerindeki çıktıları karşılaştırabilir, ardından tek bir ilke kümesine standartlaştırabilir.
Ajanslar için yeniden kullanılabilir "zevk brifingleri": Ajanslar, paydaşları hizalamak ve devir teslim sırasında ileri-geri gidişatı azaltmak için kısa, kanıta dayalı bir tasarım brifingi (belirteçler + ilkeler + ödünleşimler) sunabilir.
Artıları
Programatik yeniden kullanım için uygun, hassas, kanıta dayalı tasarım belirteçleri (px/hex/oranlar) üretir.
Kullanıcı arayüzünün ne olduğunu değil, neden öyle olduğunu (ilkeler + ödünleşimler) yakalar, ajan güvenilirliğini ve ekip uyumunu artırır.
Hem insan hem de makine dostu formatlarda çıktı verir ve birden fazla yapay zeka araç zincirine bağlanır.
Eksileri
Mevcut tasarım zevkini çıkarmaya ve kodlamaya odaklanmıştır; tamamen yeni görsel yönleri sıfırdan oluşturmak için daha az yardımcı olabilir.
En iyi sonuçlar, hedef web sayfasının erişilebilirliğine/yapısına ve otomatik çıkarımın doğruluğuna bağlıdır (örn. dinamik stiller veya yoğun tuval içeren kullanıcı arayüzleri ayrıştırması daha zor olabilir).
Taste Lab Nasıl Kullanılır
1) Önkoşulları yükleyin: Bir CLI ortamı hazır olsun (Claude Code veya Gemini CLI). Ayrıca Playwright MCP'nin de mevcut olması gerekecek (bu, ~100MB'lık bir Chromium çalışma zamanı indirir).
2) Taste becerisini aracınızın beceri dizinine klonlayın: Depoyu aracınız için doğru klasöre klonlayın: Claude Code: `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` veya Gemini CLI: `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Playwright MCP sunucusunu ekleyin (tek seferlik kurulum): Claude Code: `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated` komutunu çalıştırın. Gemini CLI: Playwright MCP'yi `~/.gemini/settings.json` dosyasına şu şekilde ekleyin: `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) Aracınızı yeniden başlatın: Yeni beceriyi ve MCP sunucu yapılandırmasını yüklemesi için Claude Code veya Gemini CLI'yi yeniden başlatın.
5) Bir web sitesi URL'sinde Taste Lab'ı çalıştırın: `/taste <url>` komutunu çalıştırın (örnek: `/taste https://linear.app`). Taste, 4 aşamalı bir aracı hattı çalıştırır: Ölçümleri Çıkar → Desenleri Algıla → Tadı Çıkar → Gözlemci (son editör/kalite kapısı).
6) Oluşturulan çıktıları inceleyin: Her çalıştırma iki dosya üretir: `{domain}.md` ve `{domain}.json`. Bunlar (1) bir Tasarım Haritası (renkler, tipografi, boşluk, yarıçap, gölgeler gibi tam değerlere sahip jetonlar) ve (2) Tat DNA'sı (Tetikleyici, Karar, Neden, Kanıt, Ödünleşim içeren 4 ilke; en az bir Kısıtlama ilkesi içerir).
7) Çıktıyı yapay zeka aracınıza rehberlik etmek için kullanın: Oluşturulan tat bağlamını, aracınızın okuduğu entegrasyon dosyasına yerleştirerek/ekleyerek uygulayın, örn. Cursor: `.cursor/rules/{domain}-taste.mdc`, Windsurf: `.windsurf/rules/{domain}-taste.md`, Claude Code: `CLAUDE.md` (bir Tasarım Tat bölümü ekleyin), GitHub Copilot: `.github/copilot-instructions.md`, Bolt: `.bolt/prompt`, Gemini: `GEMINI.md`.
8) Aracınızı tat bağlamı etkinleştirilmiş olarak yeniden çalıştırın: Tat dosyası aracınızın talimat/kurallar konumuna yerleştirildikten sonra, normal derleme/tasarım görevlerinizi tekrar çalıştırın; aracı, bir sonraki çalıştırmada tasarım jetonlarını ve Tat DNA ilkelerini almalıdır.
Taste Lab SSS
Taste Lab, bir web sitesinin "tasarım zevkini" tersine mühendislik yapan bir araç/beceridir. /taste komutu, herhangi bir URL'yi, bir Tasarım Haritası (tasarım belirteçleri) ve bir Zevk DNA'sı (ilkeler ve gerekçeler) dahil olmak üzere bir yapay zeka ajanı için eksiksiz bir tasarım bağlamına dönüştürür.
Taste Lab Videosu
Popüler Makaleler
Atoms: Fikirleri Lansmana Hazır Ürünlere Dönüştüren Çoklu Ajan Yapay Zeka Platformu
May 22, 2026
Nano Banana SBTI: Nedir, Nasıl Çalışır ve 2026'da Nasıl Kullanılır
Apr 15, 2026
Atoms İncelemesi — 2026'da Dijital Oluşumu Yeniden Tanımlayan Yapay Zeka Ürün Geliştiricisi
Apr 10, 2026
Kilo Claw: Gerçek Bir "Senin Yerine Yapan" Yapay Zeka Aracısı Nasıl Kurulur ve Kullanılır (2026 Güncellemesi)
Apr 3, 2026
Taste Lab Benzer En Yeni Yapay Zeka Araçları
Personalized License Plate Generator
Kullanıcı girdisine dayalı olarak benzersiz ve kişiselleştirilmiş plaka tasarımları üreten AI destekli bir araç.
Keak
Keak, otomatik olarak web sitesi varyasyonları oluşturan, testleri başlatan ve dönüşümleri optimize eden AI destekli bir A/B test aracıdır.
Makeasite
Makeasite, kullanıcıların yalnızca istemler kullanarak hızlı bir şekilde web siteleri oluşturmasına ve paylaşmasına olanak tanıyan yenilikçi bir web sitesi oluşturucudur.
Adviseful
Adviseful, BT danışmanlıkları ve dijital ajanslar için web ve mobil uygulama planlamasını hızlandıran, fikirleri dakikalar içinde nitelikli potansiyel müşterilere dönüştüren bir AI destekli araçtır.
Taste Lab Gibi Popüler Yapay Zeka Araçları
GPT Engineer
GPT Engineer, herkesin bir AI mühendisiyle sohbet ederek web uygulamaları oluşturmasını sağlayan AI destekli bir yazılım geliştirme aracıdır.
Framer
Framer, tasarımcıların sezgisel bir arayüzle etkileyici, duyarlı web siteleri oluşturmasını ve bunları anında kodlama olmadan yayınlamasını sağlayan güçlü bir web oluşturucudur.
Framer Workshop
Framer Workshop, tasarımcıların ve geliştiricilerin basit konuşma istemleri aracılığıyla kod yazmadan gelişmiş, özelleştirilebilir web sitesi bileşenleri oluşturmalarına olanak tanıyan, Framer'a yerleşik yapay zeka destekli bir bileşen oluşturucudur.
Wireframer
Wireframer, tasarımcıların belirli görsel stillere bağlı kalmadan yapısal planlar oluşturmasına yardımcı olarak, basit istemlerden temiz, duyarlı web sayfası düzenleri ve taslakları hızla oluşturan Framer tarafından desteklenen yapay zeka destekli bir araçtır.