» Etiket
design-systems
7 yayınStyleSeed: AI'nin Ürettiği Arayüzü Göstermeden Önce Puanlayan Gate Sistemi
StyleSeed, AI'nin ürettiği arayüzleri kullanıcıya göstermeden önce kod ve piksel bazlı puanlarla denetleyen açık kaynak bir gate sistemi sunuyor.
Oversight: AI Ajanının Gerçekten Okuduğu Storybook Manifestosunu Denetler
Oversight adlı yeni Storybook eklentisi, AI ajanlarının okuduğu MCP manifestosunu denetleyerek eksik dokümantasyonu ve kırık bağlantıları yakalıyor.
Happy-Path E2E Testleri Frontend'in Kör Noktalarını Kaçırıyor
Container query'ler, tasarım token'ları, popover API ve build optimizasyonları; happy-path E2E testlerinin gözden kaçırdığı frontend risklerini artırıyor.
CommitBrief — terminalde yapay zekâ destekli kod incelemesi
Staged değişiklikleri, bir commit aralığını ya da bütün bir GitHub pull request'ini yerelde inceleyen sağlayıcı bağımsız CLI. Sıfır telemetri, sunucu yok. Açık kaynak, GPL-3.0.
commitbrief.comMirrorframe: Web sayfalarını piksel doğrulamayla React'e klonlar
Mirrorframe, canlı bir web sayfasını headless tarayıcıyla yakalayıp Design Genome çıkararak React uygulamasına dönüştürüyor; her düğüm piksel bazında doğrulanıyor, LLM kullanılmıyor.
Tasarım-Kod Kaymasını Yakalamak İçin AI Kullanmak Neden Riskli
AI ile üretilen arayüz kodundaki tasarım kayması artıyor; ancak bunu yakalamak için başka bir AI modeli kullanmak deterministik olmayan, maliyetli ve açıklanamaz sonuçlar doğuruyor.
Headless Component Mimarisi: React'te UI Kütüphanesi Bağımlılığından Kurtulun
Material UI veya Bootstrap gibi kütüphanelerin CSS'ini override etmek yerine, mantığı arayüzden ayıran headless component yaklaşımıyla ölçeklenebilir tasarım sistemleri kurun.
CSS Katmanlarında Yatay Düşünmek
CSS @layer ile yatay düşünme yaklaşımı, mühendisler için stil yönetimini kolaylaştırır.