42 Tasarım Skill'i, Tek Listede

Skill dediğimiz şey nedir

Skill; modele belli bir işi belli bir standartla yaptıran, çağırınca yüklenen talimat paketi. Bu 42 skill'i altı katmana ayırdım. Her katman ayrı bir işi çözer: arayüz, görsel/video, Claude'un kendi tasarım yüzeyi, AI ürün etkileşimi, prompt mimarisi ve güven.

Her skill kendi kaynağından geliyor; kurulumu tek satır — hangi kanaldan (npx, plugin marketplace ya da MCP) yükleneceği belli. Altı katmanın tamamı + kurulum satırları ve tam liste aşağıda açık.

Arayüzün görünen yüzü — 10 skill

Estetik bir yöne bağlanmaya zorlayan, varsayılan fontları yasaklayan, grid ve kontrast için deterministik kalite veren katman. Öne çıkanlar:

• frontend-design — Estetik bir yöne bağlanmaya zorlar, varsayılan fontları yasaklar.
• impeccable — Grid, renk, kontrast için 23 komutla deterministik kalite verir.
• design-taste-frontend — Varyans, motion ve yoğunluk kadranından asimetrik layout üretir.
• animate — Sadece 60fps transform/opacity motion kuralını dayatır.
• theme-factory · figma → code · playwright-mcp — token sistemi, sadık kod çevirisi, viewport iterasyonu.

Kalanlar: design-motion-principles, brandkit, designer-skills.

Görsel ve video tarafı — 8 skill

Görsel üretimi, generative sanat ve tam video stüdyosu bu katmanda. Öne çıkanlar:

• nano-banana — Gemini ile görsel üretir/düzenler (görsel başına ~0,04 dolar).
• banana-claude — 13 modlu akıllı görsel wrapper.
• canvas-design · algorithmic-art — düzenlenebilir PNG/PDF; kod tabanlı generative görsel.
• remotion-superpowers — Seslendirme, müzik, altyazı dahil tam video stüdyosu.
• claude-remotion · blender-motion · aftereffects-motion — hafif başlangıç + Blender/AE'yi prompt'tan sürme.