İçeriğe geç
↑↓gez↵açesckapat
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Composition Patterns logo
Skill

Composition Patterns

Daha temiz ve birleşebilir React bileşen API’leri kur

0
KaydetSiteye git ↗

Kurulum

Resmi
npx skills add vercel-labs/agent-skills
Ne zaman devreye girer

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

Henüz yorum yok — ilk yorumu sen yaz.

Benzer skill'ler

Bu yorumu şikayet et

Neden şikayet ediyorsun?