Claude Code · Codex · Cursor · OpenCode

Claude Code, Codex ve Ajanınız için Tasarım Becerileri.

PPT ve slayt sunumları, frontend ve UI tasarımı, marka sistemleri, hareket ve tasarım incelemesi için gerçek SKILL.md dosyalarından kataloglanmış 138 açık kaynak skill. Bir skill adından veya bitirmeniz gereken işten başlayın.

İşi biliyor ama beceri adını bilmiyor musunuz? Kataloğu göreve göre filtrele

Kaynak SKILL.md dosyalarından ön bilgiler · frontend-design, ui-ux-pro-max, impeccableGörüntü 2026-09-14
Skills
Claude Code ve Codex için 138Dizin listelerinden değil, gerçek SKILL.md dosyalarından okunmuştur
Sources
34 açık kaynak depoHer giriş kendi upstream dosyasına bağlanır
Licenses
MIT · Apache-2.0 · 3 diğerDosya veya depo düzeyinde doğrulanmış, her kartta gösterilir
Son doğrulama
2026-09-14Kaynaklar, lisanslar ve depo yıldızları bu tarihte kontrol edilmiştir

01 Tüm beceriler

Göreve göre 138 Tasarım Becerisinin tamamı.

PPT ve slayt sunumları, frontend ve UI, mobil, marka sistemleri, hareket ve video, tasarım incelemesi. Her kart skill'in SKILL.md dosyasına bağlanır.

138 skills

  1. algorithmic-art

    yazan Anthropic · anthropics/skills

    p5.js ile üretken sanat: seed'li partiküller, akış alanları ve ayarlanabilir parametreler.

    Gereksinimler: p5.js

    • Görseller ve Üretken Sanat
    • Generative art
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  2. brand-guidelines

    yazan Anthropic · anthropics/skills

    Anthropic'in resmi marka renklerini ve tipografisini herhangi bir ürüne uygular. Yalnızca Anthropic markası.

    • Marka ve Tasarım Sistemleri
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  3. canvas-design

    yazan Anthropic · anthropics/skills

    PNG veya PDF olarak teslim edilen orijinal posterler ve statik görsel çalışmalar.

    • Görseller ve Üretken Sanat
    • PNG / PDF
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  4. frontend-design

    yazan Anthropic · anthropics/skills

    Yeni veya mevcut web arayüzleri için belirgin bir görsel yön, tipografi ve düzen belirler.

    • Web ve Arayüz
    • Arayüz kodu
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  5. slack-gif-creator

    yazan Anthropic · anthropics/skills

    Slack'in boyut ve ölçü limitlerini karşılayan animasyonlu GIF'ler.

    • Hareketli Grafik ve Video
    • GIF
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  6. theme-factory

    yazan Anthropic · anthropics/skills

    Sayfalar, slaytlar ve belgeler için renk ve tipografi temaları uygular veya oluşturur.

    • Marka ve Tasarım Sistemleri
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  7. web-artifacts-builder

    yazan Anthropic · anthropics/skills

    React, Tailwind ve shadcn/ui ile çoklu bileşenli etkileşimli HTML yapıtları.

    • Web ve Arayüz
    • HTML
    • OpenDesign'da
    176.183 depo yıldızıApache-2.0Kaynak
  8. design-consultation

    yazan Garry Tan · garrytan/gstack

    Tam bir tasarım sistemi öneren ürün tasarımı danışmanlığı: estetik, tipografi, renk, yerleşim, hareket.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    • OpenDesign'da
    132.921 depo yıldızıMITKaynak
  9. design-html

    yazan Garry Tan · garrytan/gstack

    Üzerinde anlaşılmış bir tasarım yönünden üretime hazır HTML/CSS üretir.

    • Web ve Arayüz
    • HTML
    132.921 depo yıldızıMITKaynak
  10. design-review

    yazan Garry Tan · garrytan/gstack

    Oluşturulmuş bir sayfanın tasarımcı gözüyle QA'si: tutarsızlık, boşluk, hiyerarşi, özensizlik kalıpları; ardından bunları düzeltir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    • OpenDesign'da
    132.921 depo yıldızıMITKaynak
  11. design-shotgun

    yazan Garry Tan · garrytan/gstack

    Paralel olarak birkaç tasarım varyantı oluşturur ve geri bildirim için bir karşılaştırma panosu açar.

    • Web ve Arayüz
    • Arayüz kodu
    132.921 depo yıldızıMITKaynak
  12. diagram

    yazan Garry Tan · garrytan/gstack

    Bir açıklamayı veya Mermaid kaynağını düzenlenebilir Excalidraw dosyasına ve render edilmiş SVG ve PNG'ye dönüştürür.

    Gereksinim: Excalidraw

    • Diyagramlar ve Veri Görselleştirme
    • Diagram
    132.921 depo yıldızıMITKaynak
  13. ios-design-review

    yazan Garry Tan · garrytan/gstack

    Gerçek donanımda iOS uygulamalarının görsel tasarım denetimi.

    • Mobil Uygulamalar
    • İnceleme raporu
    132.921 depo yıldızıMITKaynak
  14. plan-design-review

    yazan Garry Tan · garrytan/gstack

    Uygulama öncesinde tasarım planını tamlık ve deneyim riski açısından inceler.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    • OpenDesign'da
    132.921 depo yıldızıMITKaynak
  15. banner-design

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Sosyal medya, reklamlar, web sitesi hero'ları ve baskı için banner'lar.

    • Görseller ve Üretken Sanat
    • Image
    127.450 depo yıldızıMITKaynak
  16. brand

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Marka sesi, görsel kimlik, mesajlaşma çerçeveleri ve marka tutarlılığı.

    • Marka ve Tasarım Sistemleri
    127.450 depo yıldızıMITKaynak
  17. design

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Marka kimliği, tasarım token'ları, UI stillendirme, logo oluşturma ve kurumsal kimlik programları.

    Gereksinim: Görsel oluşturma servisi (Gemini, Atlas Cloud veya MuAPI)

    • Marka ve Tasarım Sistemleri
    127.450 depo yıldızıMITKaynak
  18. design-system

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Üç katmanlı tasarım token'ları, bileşen özellikleri ve slayt oluşturma.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    127.450 depo yıldızıMITKaynak
  19. slides

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Chart.js, tasarım token'ları ve duyarlı yerleşimlerle stratejik HTML slayt sunumları.

    Gereksinimler: Chart.js

    • Presentations
    • HTML slaytlar
    • OpenDesign'da
    127.450 depo yıldızıMITKaynak
  20. ui-styling

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    shadcn/ui, Tailwind CSS ve canvas tabanlı görsellerle erişilebilir kullanıcı arayüzü stillendirme.

    Gereksinimler: shadcn/ui, Tailwind CSS

    • Web ve Arayüz
    • Arayüz kodu
    127.450 depo yıldızıApache-2.0Kaynak
  21. ui-ux-pro-max

    yazan nextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill

    Web, mobil ve masaüstü için UI/UX tasarım zekası: yerleşim, renk, tipografi ve UX kuralları.

    • Web ve Arayüz
    • Arayüz kodu
    • OpenDesign'da
    127.450 depo yıldızıMITKaynak
  22. shadcn

    yazan shadcn · shadcn-ui/ui

    Projede shadcn bileşenlerini ekler, arar, düzeltir, stillendirir ve oluşturur.

    Gereksinimler: shadcn/ui

    • Web ve Arayüz
    • Arayüz kodu
    123.708 depo yıldızıMITKaynak
  23. frontend-ui-engineering

    yazan Addy Osmani · addyosmani/agent-skills

    Üretim kalitesinde, erişilebilir, duyarlı kullanıcı arayüzleri oluşturur.

    • Web ve Arayüz
    • Arayüz kodu
    94.139 depo yıldızıMITKaynak
  24. brandkit

    yazan Leonxlnx · Leonxlnx/taste-skill

    Görsel üretimi ile premium marka kılavuz panoları, logo sistemleri ve kimlik sunumları.

    Gereksinimler: Görüntü oluşturma servisi

    • Marka ve Tasarım Sistemleri
    • Image
    • OpenDesign'da
    86.946 depo yıldızıMITKaynak
  25. design-taste-frontend

    yazan Leonxlnx · Leonxlnx/taste-skill

    Açılış sayfaları, portföyler ve yeniden tasarımlar için anti-slop frontend tasarım.

    • Web ve Arayüz
    • Arayüz kodu
    • OpenDesign'da
    86.946 depo yıldızıMITKaynak
  26. gpt-taste

    yazan Leonxlnx · Leonxlnx/taste-skill

    Tek bir arayüz skill'inde editoryal düzenler, düzen çeşitliliği ve GSAP hareketi.

    Gereksinimler: GSAP

    • Web ve Arayüz
    • Arayüz kodu
    86.946 depo yıldızıMITKaynak
  27. high-end-visual-design

    yazan Leonxlnx · Leonxlnx/taste-skill

    Üst düzey ajans detayı öğretir: tipografi, aralık, gölgeler, kartlar ve hareket.

    • Web ve Arayüz
    86.946 depo yıldızıMITKaynak
  28. image-to-code

    yazan Leonxlnx · Leonxlnx/taste-skill

    Önce bir tasarım görseli üretir ve analiz eder, ardından eşleşen sayfayı uygular.

    Gereksinimler: Görüntü oluşturma servisi

    • Web ve Arayüz
    • Arayüz kodu
    86.946 depo yıldızıMITKaynak
  29. imagegen-frontend-mobile

    yazan Leonxlnx · Leonxlnx/taste-skill

    Görsel oluşturma ile yüksek kaliteli mobil ekran konseptleri ve akışları.

    Gereksinimler: Görüntü oluşturma servisi

    • Mobil Uygulamalar
    • Image
    • OpenDesign'da
    86.946 depo yıldızıMITKaynak
  30. imagegen-frontend-web

    yazan Leonxlnx · Leonxlnx/taste-skill

    Görsel üretimi ile bölüm bölüm web sitesi tasarım referansları.

    Gereksinimler: Görüntü oluşturma servisi

    • Web ve Arayüz
    • Image
    • OpenDesign'da
    86.946 depo yıldızıMITKaynak
  31. industrial-brutalist-ui

    yazan Leonxlnx · Leonxlnx/taste-skill

    İsviçre tipografisini terminal estetiğiyle birleştiren brütalist arayüzler.

    • Web ve Arayüz
    • Arayüz kodu
    86.946 depo yıldızıMITKaynak
  32. minimalist-ui

    yazan Leonxlnx · Leonxlnx/taste-skill

    Sade, tek renkli, editoryal tarzda arayüzler.

    • Web ve Arayüz
    • Arayüz kodu
    86.946 depo yıldızıMITKaynak
  33. redesign-existing-projects

    yazan Leonxlnx · Leonxlnx/taste-skill

    Mevcut bir web sitesini veya uygulamayı denetler ve premium görsel kaliteye yükseltir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    86.946 depo yıldızıMITKaynak
  34. stitch-design-taste

    yazan Leonxlnx · Leonxlnx/taste-skill

    Görsel ayırt ediciliğe vurgu yaparak Google Stitch için bir DESIGN.md yazar.

    Gereksinim: Google Stitch

    • Marka ve Tasarım Sistemleri
    • DESIGN.md
    86.946 depo yıldızıMITKaynak
  35. impeccable

    yazan Paul Bakaus · pbakaus/impeccable

    Arayüzleri tasarlamak, eleştirmek, denetlemek, cilalamak, canlandırmak ve iyileştirmek için tek bir skill.

    • Tasarım İncelemesi ve Erişilebilirlik
    • Arayüz kodu
    • OpenDesign'da
    67.876 depo yıldızıApache-2.0Kaynak
  36. faceless-explainer

    yazan HeyGen · heygen-com/hyperframes

    Metin, not veya makaleyi, icat edilmiş sahne görselleri ile yüzsüz bir açıklayıcı videoya dönüştürür.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  37. figma

    yazan HeyGen · heygen-com/hyperframes

    Figma varlıklarını, marka token'larını ve storyboard'ları bir HyperFrames kompozisyonuna aktarır.

    Gereksinim: HyperFrames, Figma

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  38. general-video

    yazan HeyGen · heygen-com/hyperframes

    Hiçbir şablon uygun olmadığında özel çok sahneli HyperFrames videosu yazar veya düzenler.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  39. hyperframes-animation

    yazan HeyGen · heygen-com/hyperframes

    HyperFrames için animasyon kuralları, sahne taslakları, geçişler ve çalışma zamanı adaptörleri.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  40. hyperframes-creative

    yazan HeyGen · heygen-com/hyperframes

    HyperFrames videoları için yaratıcı yönetim: palet, tipografi, kompozisyon, seslendirme, ritim.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  41. hyperframes-keyframes

    yazan HeyGen · heygen-com/hyperframes

    HyperFrames için yakın çekimler, zoomlar, yeniden çerçevelemeler, Ken Burns hareketleri ve 2D/3D anahtar kareler.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  42. motion-graphics

    yazan HeyGen · heygen-com/hyperframes

    Kısa tasarım odaklı hareketli grafikler: kinetik tipografi, istatistik sayaçları, logo animasyonları, alt üçüncüler.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  43. product-launch-video

    yazan HeyGen · heygen-com/hyperframes

    Bir ürün URL'si, senaryo veya brief'i ürün tanıtım veya promosyon videosuna dönüştürür.

    Gereksinim: HyperFrames

    • Hareketli Grafik ve Video
    • Video
    49.761 depo yıldızıApache-2.0Kaynak
  44. slideshow

    yazan HeyGen · heygen-com/hyperframes

    Fragmanlar, dallanma ve sunucu moduyla etkileşimli HyperFrames slayt gösterileri.

    Gereksinim: HyperFrames

    • Presentations
    • HTML slaytlar
    49.761 depo yıldızıApache-2.0Kaynak
  45. slidev

    yazan Slidev · slidevjs/slidev

    Markdown, Vue bileşenleri, kod vurgulama ve animasyonla geliştirici slayt sunumları.

    Gereksinim: Slidev

    • Presentations
    • HTML slaytlar
    48.658 depo yıldızıMITKaynak
  46. accessibility-compliance

    yazan Seth Hobson · wshobson/agents

    Mobil erişilebilirlik ve yardımcı teknoloji desteği ile WCAG 2.2 uyumlu arayüzler.

    • Tasarım İncelemesi ve Erişilebilirlik
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  47. brand-landingpage

    yazan Seth Hobson · wshobson/agents

    Önce marka kimliği görüşmesi, ardından Stitch üzerinden açılış sayfası oluşturur ve geliştirir.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  48. design-system-patterns

    yazan Seth Hobson · wshobson/agents

    Ölçeklenebilir tasarım sistemleri: token'lar, tema altyapısı, bileşen mimarisi.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    39.635 depo yıldızıMITKaynak
  49. interaction-design

    yazan Seth Hobson · wshobson/agents

    Mikroetkileşimler, hareket, geçişler ve kullanıcı geri bildirim desenleri.

    • UX & Araştırma
    39.635 depo yıldızıMITKaynak
  50. kpi-dashboard-design

    yazan Seth Hobson · wshobson/agents

    KPI panoları: metrik seçimi, grafik tercihi, düzen ve gerçek zamanlı kalıplar.

    • Diyagramlar ve Veri Görselleştirme
    • Dashboard
    39.635 depo yıldızıMITKaynak
  51. mobile-android-design

    yazan Seth Hobson · wshobson/agents

    Material Design 3 ve Jetpack Compose ile yerel Android UI.

    • Mobil Uygulamalar
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  52. mobile-ios-design

    yazan Seth Hobson · wshobson/agents

    SwiftUI ile Apple'ın Human Interface Guidelines kurallarını izleyen yerel iOS UI.

    • Mobil Uygulamalar
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  53. pptx-quality-gates

    yazan Seth Hobson · wshobson/agents

    Geometri, erişilebilirlik ve paket bütünlüğü için düzenlenebilir PPTX sunumlarını doğrular ve onarır.

    • Presentations
    • PPTX
    39.635 depo yıldızıMITKaynak
  54. pptx-reference-deck-analysis

    yazan Seth Hobson · wshobson/agents

    Referans bir PPTX dosyasını tema, tipografi, düzen ritmi ve tanılama açısından analiz eder.

    • Presentations
    • İnceleme raporu
    39.635 depo yıldızıMITKaynak
  55. pptx-slide-specification

    yazan Seth Hobson · wshobson/agents

    Düzenlenebilir PPTX sunumları için koordinat-açık JSON spesifikasyonları yazar.

    • Presentations
    • PPTX
    39.635 depo yıldızıMITKaynak
  56. pptx-visual-assets

    yazan Seth Hobson · wshobson/agents

    Onaylanmış simgeleri, görselleri, SVG'leri ve infografikleri bir PPTX sunumunda seçer ve yerleştirir.

    • Presentations
    • PPTX
    39.635 depo yıldızıMITKaynak
  57. react-native-design

    yazan Seth Hobson · wshobson/agents

    React Native stil, navigasyon ve Reanimated animasyonları.

    Gereksinimler: React Native

    • Mobil Uygulamalar
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  58. responsive-design

    yazan Seth Hobson · wshobson/agents

    Container query, fluid tipografi, CSS Grid ve mobil öncelikli breakpoint'lerle duyarlı düzenler.

    • Web ve Arayüz
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  59. screen-reader-testing

    yazan Seth Hobson · wshobson/agents

    Web uygulamalarını VoiceOver, NVDA ve JAWS ekran okuyucularıyla test eder.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    39.635 depo yıldızıMITKaynak
  60. tailwind-design-system

    yazan Seth Hobson · wshobson/agents

    Tailwind CSS v4 ile tasarım sistemleri: token'lar, bileşen kütüphaneleri, duyarlı kalıplar.

    Gerekli: Tailwind CSS

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    39.635 depo yıldızıMITKaynak
  61. visual-design-foundations

    yazan Seth Hobson · wshobson/agents

    Uyumlu görseller için tipografi, renk teorisi, boşluk sistemleri ve ikonografi.

    • Marka ve Tasarım Sistemleri
    39.635 depo yıldızıMITKaynak
  62. wcag-audit-patterns

    yazan Seth Hobson · wshobson/agents

    Otomatik testler, manuel kontroller ve düzeltme kılavuzuyla WCAG 2.2 denetimleri.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    39.635 depo yıldızıMITKaynak
  63. web-component-design

    yazan Seth Hobson · wshobson/agents

    Yeniden kullanılabilir React, Vue ve Svelte bileşen desenleri ve kompozisyon stratejileri.

    • Web ve Arayüz
    • Arayüz kodu
    39.635 depo yıldızıMITKaynak
  64. draw-io-diagram-generator

    yazan GitHub · github/awesome-copilot

    draw.io diyagram dosyaları oluşturur ve düzenler (.drawio, .drawio.svg, .drawio.png).

    Gerekli: draw.io

    • Diyagramlar ve Veri Görselleştirme
    • Diagram
    38.981 depo yıldızıMITKaynak
  65. excalidraw-diagram-generator

    yazan GitHub · github/awesome-copilot

    Doğal dilden Excalidraw diyagramları ve zihin haritaları üretir.

    Gereksinim: Excalidraw

    • Diyagramlar ve Veri Görselleştirme
    • Diagram
    38.981 depo yıldızıMITKaynak
  66. gsap-framer-scroll-animation

    yazan GitHub · github/awesome-copilot

    Paralaks, sabitlenmiş bölümler, yatay kaydırma ve metin kaydırma animasyonları.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    38.981 depo yıldızıMITKaynak
  67. penpot-uiux-design

    yazan GitHub · github/awesome-copilot

    MCP araçları ile Penpot'ta profesyonel UI/UX tasarım, bileşenler ve tasarım sistemleri.

    Gerekli: Penpot MCP

    • Web ve Arayüz
    • Tasarım dosyası
    38.981 depo yıldızıMITKaynak
  68. power-bi-report-design-consultation

    yazan GitHub · github/awesome-copilot

    Power BI rapor tasarımı: grafik seçimi, düzen, okunabilirlik, erişilebilirlik.

    Gerekli: Power BI

    • Diyagramlar ve Veri Görselleştirme
    • Dashboard
    38.981 depo yıldızıMITKaynak
  69. web-design-reviewer

    yazan GitHub · github/awesome-copilot

    Çalışan bir web sitesini görsel olarak inceler, düzen sorunlarını tespit eder ve düzeltir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    38.981 depo yıldızıMITKaynak
  70. animate

    yazan Emil Kowalski · emilkowalski/skills

    Amaç, araç, özellikler, eğri ve süreyi sırayla belirleyerek sıfırdan animasyon oluşturur.

    • Hareketli Grafik ve Video
    • Arayüz kodu
    37.516 depo yıldızıMITKaynak
  71. animate-expo

    yazan Emil Kowalski · emilkowalski/skills

    React Native ve Expo için jestler, yaylar ve geçişler.

    Gereksinim: React Native / Expo

    • Mobil Uygulamalar
    • Arayüz kodu
    37.516 depo yıldızıMITKaynak
  72. animation-vocabulary

    yazan Emil Kowalski · emilkowalski/skills

    Belirsiz bir hareket tanımını tam terimine dönüştüren ters arama sözlüğü.

    • Hareketli Grafik ve Video
    37.516 depo yıldızıMITKaynak
  73. apple-design

    yazan Emil Kowalski · emilkowalski/skills

    Apple'ın jestleri, fiziksel hareketi ve uzaysal hiyerarşisi web için çevrildi.

    • UX & Araştırma
    • Arayüz kodu
    37.516 depo yıldızıMITKaynak
  74. emil-design-eng

    yazan Emil Kowalski · emilkowalski/skills

    Emil Kowalski'nin UI cilası, bileşen tasarımı ve animasyon kararları üzerine felsefesi.

    • UX & Araştırma
    • OpenDesign'da
    37.516 depo yıldızıMITKaynak
  75. find-animation-opportunities

    yazan Emil Kowalski · emilkowalski/skills

    Bir arayüzde canlandırılması gereken yerleri parametre önerileriyle bulur ve geri kalanını reddeder.

    • Hareketli Grafik ve Video
    • İnceleme raporu
    37.516 depo yıldızıMITKaynak
  76. improve-animations

    yazan Emil Kowalski · emilkowalski/skills

    Mevcut hareket kodunu denetler ve önceliklendirilmiş, bağımsız uygulama planları üretir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    37.516 depo yıldızıMITKaynak
  77. prototype

    yazan Emil Kowalski · emilkowalski/skills

    Canlı bir görsel seçici arkasında bir kullanıcı arayüzü parçasının gerçekten farklı birkaç versiyonunu oluşturur.

    • Web ve Arayüz
    • Arayüz kodu
    37.516 depo yıldızıMITKaynak
  78. review-animations

    yazan Emil Kowalski · emilkowalski/skills

    Animasyon kodunu zamanlama, etkileşim ve bitiş açısından yüksek işçilik standardına göre inceler.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    • OpenDesign'da
    37.516 depo yıldızıMITKaynak
  79. vercel-react-view-transitions

    yazan Vercel Labs · vercel-labs/agent-skills

    React'in View Transition API'si ile doğal hissettiren sayfa geçişleri.

    Gereksinim: React

    • Hareketli Grafik ve Video
    • Arayüz kodu
    31.174 depo yıldızıMIT(Skill 声明)Kaynak
  80. frontend-slides

    yazan Zara Zhang · zarazhangrui/frontend-slides

    Sıfırdan veya PowerPoint (PPT) dosyalarından dönüştürülmüş animasyon açısından zengin HTML slaytlar.

    • Presentations
    • HTML slaytlar
    • OpenDesign'da
    29.255 depo yıldızıMITKaynak
  81. ink

    yazan Google Labs · google-labs-code/design.md

    JSON spesifikasyonlarını Ink ile etkileşimli terminal kullanıcı arayüzlerine dönüştürür.

    Gereksinim: Ink

    • Web ve Arayüz
    • Terminal arayüzü
    27.894 depo yıldızıApache-2.0Kaynak
  82. imagegen

    yazan OpenAI · openai/skills

    Raster görseller üretir veya düzenler: illüstrasyonlar, fotoğraflar, dokular, sprite'lar, mockup'lar.

    Gereksinimler: Görüntü oluşturma servisi

    • Görseller ve Üretken Sanat
    • Image
    • OpenDesign'da
    27.129 depo yıldızıApache-2.0Kaynak
  83. guizang-ppt-skill

    yazan op7418 · op7418/guizang-ppt-skill

    Tek dosyalı yatay HTML PPT sunumları, dergi veya İsviçre tarzında, konuşmacı görünümü ve senkronizasyonla.

    • Presentations
    • HTML slaytlar
    • OpenDesign'da
    26.246 depo yıldızıAGPL-3.0Kaynak
  84. brand-guidelines

    yazan Alireza Rezvani · alirezarezvani/claude-skills

    Herhangi bir ürün için marka kılavuzlarını tanımlar veya uygular: renk, tipografi, logo ve ses tonu.

    • Marka ve Tasarım Sistemleri
    25.934 depo yıldızıMITKaynak
  85. design-system

    yazan Alireza Rezvani · alirezarezvani/claude-skills

    Sonraki belgeler ve sunumlar için 10 soruluk bir sihirbazla marka kimliğini bir kez yakalar.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    25.934 depo yıldızıMITKaynak
  86. md-slides

    yazan Alireza Rezvani · alirezarezvani/claude-skills

    Bir Markdown sunumu markalı slaytlara dönüştürür.

    • Presentations
    • HTML slaytlar
    25.934 depo yıldızıMITKaynak
  87. ui-design-system

    yazan Alireza Rezvani · alirezarezvani/claude-skills

    Tasarım token'ları, bileşen dokümantasyonu, duyarlı hesaplamalar ve geliştirici teslimi.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    25.934 depo yıldızıMITKaynak
  88. ux-researcher-designer

    yazan Alireza Rezvani · alirezarezvani/claude-skills

    Veriye dayalı kişilikler, yolculuk haritaları, kullanılabilirlik test çerçeveleri ve araştırma sentezi.

    • UX & Araştırma
    • Araştırma dokümanı
    25.934 depo yıldızıMITKaynak
  89. huashu-design

    yazan alchaincyf · alchaincyf/huashu-design

    Yüksek kaliteli HTML prototipler, slaytlar, animasyon ve görselleştirmeler; üç taslaktan başlar.

    • Web ve Arayüz
    • HTML
    24.121 depo yıldızıMITKaynak
  90. accessibility-review

    yazan Anthropic · anthropics/knowledge-work-plugins

    Bir tasarım veya sayfanın WCAG 2.1 AA denetimi: kontrast, klavye, dokunma hedefleri.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    24.012 depo yıldızıApache-2.0Kaynak
  91. design-critique

    yazan Anthropic · anthropics/knowledge-work-plugins

    Kullanılabilirlik, hiyerarşi ve tutarlılık üzerine yapılandırılmış tasarım geri bildirimi.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    24.012 depo yıldızıApache-2.0Kaynak
  92. design-handoff

    yazan Anthropic · anthropics/knowledge-work-plugins

    Bir tasarımdan geliştirici teslim özellikleri: düzen, token'lar, bileşen durumları, kırılma noktaları.

    • Marka ve Tasarım Sistemleri
    • Aktarım dokümanı
    24.012 depo yıldızıApache-2.0Kaynak
  93. design-system

    yazan Anthropic · anthropics/knowledge-work-plugins

    Mevcut bir tasarım sistemini denetler, belgeler veya genişletir.

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    24.012 depo yıldızıApache-2.0Kaynak
  94. research-synthesis

    yazan Anthropic · anthropics/knowledge-work-plugins

    Görüşmeleri, anketleri ve test notlarını temalar ve öneriler halinde sentezler.

    • UX & Araştırma
    • Araştırma dokümanı
    24.012 depo yıldızıApache-2.0Kaynak
  95. user-research

    yazan Anthropic · anthropics/knowledge-work-plugins

    Kullanıcı görüşmelerini, anketleri ve kullanılabilirlik testlerini planlar, yürütür ve sentezler.

    • UX & Araştırma
    • Araştırma dokümanı
    24.012 depo yıldızıApache-2.0Kaynak
  96. ux-copy

    yazan Anthropic · anthropics/knowledge-work-plugins

    UX metni yazar veya inceler: mikro metin, hata mesajları, boş durumlar, CTA'lar.

    • UX & Araştırma
    24.012 depo yıldızıApache-2.0Kaynak
  97. gsap-core

    yazan GreenSock · greensock/gsap-skills

    GSAP temel API: to/from/fromTo, easing, stagger, matchMedia, azaltılmış hareket.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  98. gsap-frameworks

    yazan GreenSock · greensock/gsap-skills

    Vue, Svelte ve diğer React olmayan framework'lerde GSAP: yaşam döngüsü, kapsam belirleme, temizlik.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  99. gsap-performance

    yazan GreenSock · greensock/gsap-skills

    GSAP performansı: dönüşümler, düzen bozulmalarından kaçınma, will-change, toplu işleme.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  100. gsap-plugins

    yazan GreenSock · greensock/gsap-skills

    GSAP eklentileri: ScrollTo, ScrollSmoother, Flip, Draggable, SplitText, SVG ve fizik.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  101. gsap-react

    yazan GreenSock · greensock/gsap-skills

    useGSAP hook, refs, context ve temizlik ile React ve Next.js'te GSAP.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  102. gsap-scrolltrigger

    yazan GreenSock · greensock/gsap-skills

    ScrollTrigger ile kaydırma bağlantılı animasyon: sabitleme, scrub, tetikleyiciler, parallax.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  103. gsap-timeline

    yazan GreenSock · greensock/gsap-skills

    GSAP zaman çizelgeleri: konum parametresi, iç içe geçme ve oynatma kontrolü.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  104. gsap-utils

    yazan GreenSock · greensock/gsap-skills

    gsap.utils yardımcıları: clamp, mapRange, interpolate, snap, wrap, pipe.

    Gereksinimler: GSAP

    • Hareketli Grafik ve Video
    • Arayüz kodu
    • OpenDesign'da
    15.248 depo yıldızıMITKaynak
  105. color-font-skill

    yazan MiniMax · MiniMax-AI/skills

    PPT ve tasarım görevleri için sunuma hazır renk paletleri ve yazı tipi eşleştirmeleri.

    • Marka ve Tasarım Sistemleri
    13.547 depo yıldızıMITKaynak
  106. design-style-skill

    yazan MiniMax · MiniMax-AI/skills

    Yarıçap ve boşluk tariflerinden PPT slaytları için tutarlı bir görsel sistem.

    • Presentations
    13.547 depo yıldızıMITKaynak
  107. gif-sticker-maker

    yazan MiniMax · MiniMax-AI/skills

    İnsan, evcil hayvan, nesne veya logo fotoğraflarını altyazılı dört GIF çıkartmaya dönüştürür.

    • Hareketli Grafik ve Video
    • GIF
    • OpenDesign'da
    13.547 depo yıldızıMITKaynak
  108. pptx-generator

    yazan MiniMax · MiniMax-AI/skills

    Düzenlenebilir PowerPoint (PPTX) slayt destelerini oluşturur, düzenler ve okur.

    • Presentations
    • PPTX
    • OpenDesign'da
    13.547 depo yıldızıMITKaynak
  109. shader-dev

    yazan MiniMax · MiniMax-AI/skills

    GLSL shader'lar: ray marching, SDF'ler, akışkanlar, parçacıklar, prosedürel görseller.

    Gereksinim: GLSL / WebGL

    • Görseller ve Üretken Sanat
    • Generative art
    • OpenDesign'da
    13.547 depo yıldızıMITKaynak
  110. slide-making-skill

    yazan MiniMax · MiniMax-AI/skills

    PptxGenJS ile tek PowerPoint slaytları uygular.

    Gereksinim: PptxGenJS

    • Presentations
    • PPTX
    13.547 depo yıldızıMITKaynak
  111. baseline-ui

    yazan Julien Thibeaut · ibelick/ui-skills

    Boşluk, hiyerarşi, tipografi ve küçük yerleşim sorunlarını düzelterek UI kodunu hızlıca temizler.

    • Tasarım İncelemesi ve Erişilebilirlik
    • Arayüz kodu
    8.402 depo yıldızıMITKaynak
  112. create-design-md

    yazan Julien Thibeaut · ibelick/ui-skills

    Mevcut bir ürün deposundan veya herkese açık web sitesinden DESIGN.md oluşturur veya günceller.

    • Marka ve Tasarım Sistemleri
    • DESIGN.md
    8.402 depo yıldızıMITKaynak
  113. fixing-accessibility

    yazan Julien Thibeaut · ibelick/ui-skills

    ARIA, klavye, odak, kontrast ve form hatalarını denetler ve düzeltir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    8.402 depo yıldızıMITKaynak
  114. fixing-motion-performance

    yazan Julien Thibeaut · ibelick/ui-skills

    Sarsıntılı CSS/JS animasyonlarını ve kaydırma bağlantılı hareketi bulur ve düzeltir.

    • Hareketli Grafik ve Video
    • İnceleme raporu
    8.402 depo yıldızıMITKaynak
  115. improve-ui

    yazan Julien Thibeaut · ibelick/ui-skills

    Bir ürün yüzeyini kendi tasarım kanıtlarına göre denetler ve uygulama planları yazar.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    8.402 depo yıldızıMITKaynak
  116. design-md

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch projelerini analiz eder ve anlamsal bir DESIGN.md yazar.

    Gereksinim: Google Stitch

    • Marka ve Tasarım Sistemleri
    • DESIGN.md
    • OpenDesign'da
    8.304 depo yıldızıApache-2.0Kaynak
  117. enhance-prompt

    yazan Google Labs · google-labs-code/stitch-skills

    Belirsiz UI fikirlerini, Stitch için optimize edilmiş cilalı promptlara dönüştürür.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • OpenDesign'da
    8.304 depo yıldızıApache-2.0Kaynak
  118. react-vite-dashboard

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch tasarımlarını TanStack Query ile React + Vite panolarına dönüştürür.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • Arayüz kodu
    8.304 depo yıldızıApache-2.0Kaynak
  119. remotion

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch projelerinden Remotion geçişleri ve yakınlaştırmalarıyla tanıtım videoları oluşturur.

    Gereksinimler: Google Stitch, Remotion

    • Hareketli Grafik ve Video
    • Video
    • OpenDesign'da
    8.304 depo yıldızıApache-2.0Kaynak
  120. shadcn-ui

    yazan Google Labs · google-labs-code/stitch-skills

    shadcn/ui bileşenlerini entegre etme ve özelleştirme: keşif, kurulum, en iyi uygulamalar.

    Gereksinimler: shadcn/ui

    • Web ve Arayüz
    • Arayüz kodu
    • OpenDesign'da
    8.304 depo yıldızıApache-2.0Kaynak
  121. stitch::code-to-design

    yazan Google Labs · google-labs-code/stitch-skills

    Frontend kodunu statik HTML ve tasarım sistemi çıkarımı yoluyla Stitch tasarımına dönüştürür.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • Tasarım dosyası
    8.304 depo yıldızıApache-2.0Kaynak
  122. stitch::extract-design-md

    yazan Google Labs · google-labs-code/stitch-skills

    Herhangi bir framework'teki frontend kaynak kodundan eksiksiz bir DESIGN.md çıkarır.

    • Marka ve Tasarım Sistemleri
    • DESIGN.md
    8.304 depo yıldızıApache-2.0Kaynak
  123. stitch::extract-static-html

    yazan Google Labs · google-labs-code/stitch-skills

    Gömülü CSS ve görsellerle bağımsız statik HTML anlık görüntüleri çıkarır.

    • Web ve Arayüz
    • HTML
    8.304 depo yıldızıApache-2.0Kaynak
  124. stitch::generate-design

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch'te metin veya referans görselden ekran oluşturur, düzenler ve varyasyon yapar.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • Tasarım dosyası
    8.304 depo yıldızıApache-2.0Kaynak
  125. stitch::manage-design-system

    yazan Google Labs · google-labs-code/stitch-skills

    MCP araçları aracılığıyla Stitch'te tasarım sistemleri oluşturur, günceller ve uygular.

    Gereksinim: Google Stitch

    • Marka ve Tasarım Sistemleri
    • Tasarım sistemi
    8.304 depo yıldızıApache-2.0Kaynak
  126. stitch::react-components

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch tasarımlarını modüler React + Vite bileşenlerine dönüştürür veya senkronize eder.

    Gereksinim: Google Stitch

    • Web ve Arayüz
    • Arayüz kodu
    8.304 depo yıldızıApache-2.0Kaynak
  127. stitch::react-native

    yazan Google Labs · google-labs-code/stitch-skills

    Stitch HTML tasarımlarını React Native bileşenlerine dönüştürür veya senkronize eder.

    Gereksinimler: Google Stitch, React Native

    • Mobil Uygulamalar
    • Arayüz kodu
    8.304 depo yıldızıApache-2.0Kaynak
  128. interface-design

    yazan Dammyjay93 · Dammyjay93/interface-design

    Panolar, yönetim panelleri, SaaS araçları ve ayarlar sayfaları için zanaat odaklı arayüz tasarımı.

    • Web ve Arayüz
    • Arayüz kodu
    5.692 depo yıldızıMITKaynak
  129. make-interfaces-feel-better

    yazan Jakub Krehel · jakubkrehel/make-interfaces-feel-better

    Hover, gölge, kenarlık, ikon, tipografi ve mikroetkileşim cilası için tasarım mühendisliği prensipleri.

    • UX & Araştırma
    3.433 depo yıldızıMITKaynak
  130. accessibility

    yazan Addy Osmani · addyosmani/web-quality-skills

    WCAG 2.2'yi takip ederek web erişilebilirliğini denetler ve geliştirir.

    • Tasarım İncelemesi ve Erişilebilirlik
    • İnceleme raporu
    2.786 depo yıldızıMITKaynak
  131. motion-design

    yazan LottieFiles · LottieFiles/motion-design-skill

    Hareket tasarımı ilkelerini uygular: zamanlama, easing, koreografi ve animasyon temelleri.

    • Hareketli Grafik ve Video
    1.626 depo yıldızıMITKaynak
  132. user-research-cookiy

    yazan Cookiy · cookiy-ai/user-research-skill

    Uçtan uca kullanıcı araştırması asistanı: nitel ve nicel, rehberler ve planlar.

    • UX & Araştırma
    • Araştırma dokümanı
    1.537 depo yıldızıMITKaynak
  133. material-3

    yazan hamen · hamen/material-3-skill

    Material Design 3 token'larını, bileşenlerini ve uyarlanabilir düzenlerini uygular.

    • Mobil Uygulamalar
    • Arayüz kodu
    1.384 depo yıldızıMITKaynak
  134. design-motion-principles

    yazan Kyle Zantos · kylezantos/design-motion-principles

    Kowalski, Krehel ve Tompkins'e göre amaçlı etkileşim hareketi veya mevcut animasyonun incelemesi.

    • Hareketli Grafik ve Video
    1.048 depo yıldızıMITKaynak
  135. color-expert

    yazan David Aerne · meodai/skill.color-expert

    Renk adlandırma, teori, uzaylar, paletler, rampalar, gradyanlar, dönüşümler ve kontrast.

    • Marka ve Tasarım Sistemleri
    • OpenDesign'da
    575 depo yıldızıCC-BY-4.0Kaynak
  136. chart-visualization

    yazan AntV · antvis/chart-visualization-skills

    AntV API aracılığıyla verileri çubuk, çizgi, pasta, radar, Sankey, zihin haritası ve akış şemaları olarak işler.

    Gereksinimler: AntV API

    • Diyagramlar ve Veri Görselleştirme
    • Grafik görseli
    489 depo yıldızıMITKaynak
  137. infographic-creator

    yazan AntV · antvis/chart-visualization-skills

    Verilen metinden infografikler oluşturur.

    Gereksinimler: AntV API

    • Diyagramlar ve Veri Görselleştirme
    • Image
    489 depo yıldızıMITKaynak
  138. ux-writing

    yazan content-designer · content-designer/ux-writing-skill

    Kullanıcı merkezli, erişilebilir mikro metin: düğmeler, etiketler, hatalar, formlar, başlangıç.

    • UX & Araştırma
    168 depo yıldızıMITKaynak

Eşleşen beceri yok.

02 Nasıl seçilir ve başlatılır

Bir Design Skill Nasıl Seçilir ve Claude Code veya Codex'te Çalıştırılır.

Göreve ve çıktıya göre seçin, skill'in neye ihtiyacı olduğunu kontrol edin, ardından ajanınıza kurun ve gerçek bir görev çalıştırın. Aynı üç adım Claude Code, Codex, Cursor ve OpenCode'da çalışır.

  1. 1

    Skill Adını Değil, Görevi Seçin

    Yapmanız gerekene göre filtreleyin — bir açılış sayfası, bir sunum, bir marka sistemi, bir inceleme. Yıldızları karşılaştırmadan önce tek satırlık kullanımı ve çıktı türünü karşılaştırın.

    KontrolÇıktısı gerçekten ihtiyacınız olan dosyayla eşleşen iki veya üç aday.

  2. 2

    Skill'in Neye İhtiyacı Olduğunu Kontrol Edin

    Kaynağı açın ve gereksinimleri okuyun. Bazı skill'ler yalnızca Google Stitch, HyperFrames veya GSAP gibi belirli bir araçla çalışır; bazılarının bir görsel oluşturma servisine ihtiyacı vardır. Katalog, SKILL.md bunları belirttiğinde İhtiyaçlar altında listeler.

    KontrolSkill'in adını verdiği araç veya servisin kurmadan önce projenizde mevcut olduğunu.

  3. 3

    Ajanınıza Kurun ve Gerçek Bir Görev Çalıştırın

    Skill'i yazarının belgelediği şekilde kurun — çoğu depo için bu tek bir npx skills add komutu — ardından Claude Code, Codex veya ajanınızda kendi içeriğinizle gerçek bir görev çalıştırın. Bir komutu kopyalamak, ajan skill'i adıyla tanıyıp kullanana kadar başarılı bir kurulum sayılmaz.

    KontrolAjanın skill'i adıyla listelediğini ve onu çağırdığınızda çıktısının değiştiğini.

03 OpenDesign'da çalıştırın

Bunlardan 38 Tanesi OpenDesign İçinde Gelir. Kalanını Linkten İçe Aktarın.

OpenDesign, Claude Code'un kullandığı SKILL.md formatını okur, dolayısıyla bu katalogdaki her beceri içinde çalışır — Claude Code, Codex, Cursor veya OpenCode motor olarak.

  1. 38

    Zaten Dahil

    frontend-design, ui-ux-pro-max, impeccable, guizang-ppt-skill, sekiz GSAP becerisi ve daha fazlası kurulumda Plugins → Skills içinde bulunur. Yukarıdaki katalogda In OpenDesign etiketini taşırlar.

  2. ↗

    Bağlantısından Başka Bir Skill İçe Aktarın

    Plugins → Add → Skill → Import from link, skill klasörünün GitHub bağlantısını yapıştırın — her karttaki Source ile aynı bağlantı — ve kişisel skill'lerinize eklenir. Yerel klasör yüklemesi de çalışır.

  3. ›_

    Zaten Kullandığınız Ajanla Çalışır

    Üst çubuktan beceriyi seçin ve SKILL.md dosyası DESIGN.md dosyanızla birlikte prompt'a eklenir. Claude Code, Codex, Cursor veya OpenCode işi yapar; önizleme ve dışa aktarımlar OpenDesign'a aittir.

OpenDesign

Tasarım Becerilerini Zaten Kullandığınız Kodlama Ajanlarıyla Çalıştırın.

OpenDesign açık kaynaklı, yerel öncelikli bir tasarım çalışma alanıdır. Kodlama ajanlarını prototip, web sayfası, slayt ve HTML video için bir tasarım motoruna dönüştürür — kendi makinenizde, kendi anahtarlarınızla çalıştırılabilir gerçek dosyalar.

Bu katalogdaki skill'ler bağımsız açık kaynak projelerdir. 38 tanesi OpenDesign ile birlikte gelir; geri kalanlar depo bağlantılarından içe aktarılır. Her skill'in kendi kılavuzu geçerli olmaya devam eder.

Mavi bir koyun üzerindeki yamaç köyünün, OpenDesign sitesi genelinde kullanılan resimsel üslupta yağlıboya tablosu

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için