Ekran görüntüsünden bileşen üretme
Bir tasarım ekran görüntüsünü çalışan bileşene çevirtirken kullanılan prompt. Asıl fark: ölçüleri tahmin ettirmemek ve mevcut tasarım sistemine bağlam…
Topluluğun paylaştığı prompt'lar, skill'ler ve yapılandırmalar
Bir tasarım ekran görüntüsünü çalışan bileşene çevirtirken kullanılan prompt. Asıl fark: ölçüleri tahmin ettirmemek ve mevcut tasarım sistemine bağlam…
Figma dosyalarındaki tasarım verisine erişim — Figma'nın resmi sunucusu.
Figma tasarımını koda dökmek için tasarım verisini modele verir. Topluluk sunucusu, haftalık 72 bin indirme.
Web uygulamalarının WCAG 2.1 AA/AAA standartlarını karşıladığından emin olun. ARIA niteliklerini, klavyede gezinmeyi ve ekran okuyucu desteğini uygula…
Vue3 ön ucuyla tam yığın Laravel uygulamaları oluşturun. Laravel API'leri, Vue3 kompozisyon API'si, Pinia durum yönetimi ve modern tam yığın kalıpları…
Ön uç aşamaları için UI-SPEC.md tasarım sözleşmesi üretir. Yukarı yöndeki yapıları okur, tasarım sistemi durumunu tespit eder, yalnızca yanıtlanmamış …
UI/UX uygulaması, tasarım sistemleri, Figma'dan koda çeviri ve bileşen kitaplıkları
Uygulanan ön uç kodunun geriye dönük 6 sütunlu görsel denetimi
Eserleri bir temayla şekillendirmek için araç seti. Bu yapılar slaytlar, belgeler, raporlar, HTML açılış sayfaları vb. olabilir. Oluşturulan herhangi …
Planlamadan önce uyarlanabilir sorgulama yoluyla aşama bağlamını toplayın. Alan seçimini atlamak ve tüm gri alanları etkileşimli olarak tartışmak için…
Yerel hissi veren macOS uygulama kullanıcı arayüzlerini tasarlayın ve oluşturun. Kullanıcı bir masaüstü uygulaması, macOS uygulaması, Mac tarzı arayüz…
Kodlama aracılarının genel kullanıcı arayüzü göndermesini durdurun. Ürüne özel arayüzler oluşturmak, bir tasarım sözleşmesi tanımlamak, gerekli duruml…
Modern, temiz UI/UX rehberliği + inceleme becerisi. Yeni özellikler veya mevcut sistemler (web/uygulama) için uygulanabilir UX/UI önerilerine, tasarım…
Modern ön uç web teknolojilerini (React, Tailwind CSS, shadcn/ui) kullanarak ayrıntılı, çok bileşenli Claude.ai HTML yapıları oluşturmaya yönelik araç…
Boyut kısıtlamaları ve şekillendirilebilir animasyon temel öğeleri için doğrulayıcılarla birlikte, Slack için optimize edilmiş animasyonlu GIF'ler olu…
Playwright'ı kullanarak yerel web uygulamalarıyla etkileşim kurmak ve bunları test etmek için araç seti. Ön uç işlevselliğini doğrulamayı, kullanıcı a…
mcp__obsidian__* araçlarının açığa vurmadığı kasa işlemleri için Obsidian Yerel REST API'sini doğrudan (HTTP üzerinden) çağırın - bir notu taşıyın/yen…
UI-SPEC.md tasarım sözleşmelerini 6 kalite boyutuna göre doğrular. BLOK/BAYRAK/PASS kararları üretir. /gsd:ui-phase orkestrator tarafından oluşturuldu…
Uygulanan ön uç kodunun geriye dönük 6 sütunlu görsel denetimi. Puanlanmış UI-REVIEW.md'yi üretir. /gsd:ui-review orkestratör tarafından oluşturuldu.
Hızlı görsel prototip oluşturma için satır içi CSS ile kullanıcı arayüzü maketlerini HTML dosyaları olarak oluşturun.
Öğeleri, düzen sorunlarını ve uygulama ayrıntılarını belirlemek için ekran görüntüsünü veya kullanıcı arayüzü görüntüsünü analiz edin.
Ön uç aşamaları için UI tasarım sözleşmesi (UI-SPEC.md) oluşturun
Özel olarak seçilmiş yazı tipi eşleştirmeleri ve tipografiyle ilgili en iyi uygulamalar.