Composition Patterns
Daha temiz ve birleşebilir React bileşen API’leri kur
Kurulum
Resminpx skills add vercel-labs/agent-skills
Use when an agent designs, refactors or reviews reusable React components and their public APIs.
- Geliştirici
- Vercel
- Lisans
- MIT
Composition Patterns, yeniden kullanılabilir React bileşenlerinin mimarisini iyileştirmek isteyen bir AI kodlama ajanına karar çerçevesi sağlar. Özellikle çok sayıda ayar prop’u biriktiren, state yönetimini arayüz ayrıntılarına bağlayan veya her yeni kullanım senaryosunda daha zor anlaşılan bileşenlerde işe yarar. İçerik, React 19 ile ilişkili güncel yaklaşımları da dikkate alır.
Öne çıkanlar
- Compound component yapıları ve dışarı açılan API’ler için mimari yönlendirme sunar
- State sahipliğini onu kullanan görsel bileşenlerden ayırmaya yardımcı olur
- Farklı davranışlar için belirsiz seçenekler yerine açık varyantlar kullanılmasını destekler
- Birbiriyle ilişkili bileşen parçalarının context üzerinden eş güdümünü ele alır
- Belirli tasarım sorunlarına odaklanan, kod örnekli ayrı kural dosyaları içerir
Bu skill; frontend geliştiricileri, tasarım sistemi ekipleri ve ortak UI altyapısını ajanlarla düzenleyen projeler için uygundur. Hem yeni bileşen tasarımında hem de mimari incelemede kullanılabilir. Herhangi bir MCP sunucusuna veya özel araca ihtiyaç duymaz. Vercel’in herkese açık agent-skills koleksiyonundan belgelenen skills CLI komutuyla kurulur ve klasöründe çalıştırılabilir yardımcı script bulunmaz.

Yorumlar(0)
Yorum yapmak için giriş yap