Claude Code tasarımı için 5 araç
Bu araçlar Claude'un arayüzlerini güçlü referanslar, tasarım kuralları ve tarayıcı kontrolleriyle daha profesyonel hale getiriyor.
Kaynaklar
Taste Skill github.com/senlindesign/taste-skill ↗
Vercel Web Design Guidelines vercel.com/design/guidelines ↗
Design Skills github.com/billhector/design-skills ↗
21st.dev MCP docs.21st.dev/mcp ↗
Playwright CLI github.com/microsoft/playwright-cli ↗
Hızlı kullanım
Önce Taste Skill ile referans sitenin tasarım dilini çıkar.
Renk, tipografi ve boşlukları tek bir DESIGN.md dosyasında sabitle.
Uygulamayı Playwright ile açıp masaüstü ve mobil ekran görüntülerini kontrol et.
İsa NurdoğduBu kaynağı hazırlayan
Yapay zeka ile işleri büyütüyorum; kuruyorum ve nasıl kurulduğunu öğretiyorum.