Kodlama ajanları ve Claude Code
diagram-design
Kodlama ajanlarının HTML ve SVG formatında markaya özel diyagramlar çizmesini sağlar.
- GitHubcathrynlavery/diagram-design
- Yıldız57 bin
- LisansMIT
- DilHTML
- Son güncelleme16 Ekim 2026
- Sitediagramdesign.dev
Ne işe yarar?
diagram-design; Claude Code, Cursor ve Codex gibi kodlama ajanlarına doğal dille yazılan tariflerden profesyonel diyagramlar çizme yeteneği kazandıran bir beceri (skill) paketidir. Web sitenizin renk paletini ve yazı tiplerini çözümleyerek mimari, akış ve sıralama şemaları dahil 45 farklı türde markanıza uyumlu çizim yapar. Çıktıları harici kütüphanelere ihtiyaç duymadan, doğrudan tarayıcıda açılabilen tek parça HTML ve SVG (vektörel grafik) dosyası olarak üretir. Standart şema araçlarının aksine gölgesiz, modern ve yayın kalitesinde editoryal tasarımlar oluşturmasıyla ayrışır.
Neler için kullanılabilir?
- Yazılım mimarilerini ve veri tabanı ilişkilerini şık akış şemalarına dönüştürmek
- Web sitesi renk paletini çekerek markaya özel görsel diyagramlar oluşturmak
- Uygulama API çağrılarını ve kimlik doğrulama süreçlerini sıralama şemasıyla göstermek
- Tarayıcıda çift tıklamayla açılabilen bağımsız HTML ve SVG çizimleri üretmek
Nasıl kullanılır?
- Kullandığınız ajanın çalışma alanında npx skills add cathrynlavery/diagram-design komutunu çalıştırın.
- Claude Code kullanıyorsanız /plugin marketplace add cathrynlavery/diagram-design ve /plugin install diagram-design@diagram-design komutlarıyla eklentiyi yükleyin.
- Ajanınızdan istediğiniz diyagram türünü ve içeriğini doğal dille tarif ederek oluşturun.
Adımlar deponun README'sinden özetlendi; güncel kurulum için deponun kendi sayfasına bakın.
Kimler için?
Claude Code, Cursor ve benzeri yapay zekâ araçlarıyla mimari ve teknik şemalar hazırlayan yazılımcılar.
Dikkat: Kullanabilmek için Agent Skills destekleyen bir kodlama aracına (Cursor, Claude Code, Codex vb.) ve npx ortamına ihtiyaç duyar.
Aynı kategoriden
- superpowers (300K) Kodlama ajanları için test ve alt ajan odaklı yazılım geliştirme metodolojisi.
- skills Kodlama ajanlarının hedeften sapmadan mühendislik standartlarında çalışmasını sağlar.
- ECC Kodlama ajanlarına 71 uzman ajan, 311 yetenek, kalıcı hafıza ve güvenlik katmanı sağlar.
- andrej-karpathy-skills Claude Code'un gereksiz kod yazmasını ve hatalı varsayımlarını önleyen kurallar sunar.
- skills Claude ve yapay zekâ ajanlarına özel uzmanlıklar kazandıran resmi beceri koleksiyonu.
- ponytail Yapay zekâ ajanlarının gereksiz kod yazmasını engelleyip sade çözümler üretir.
Bilgiler GitHub'dan 18 Ekim 2026 tarihinde alındı. Sayıyla bu deponun sahibi değildir; kullanmadan önce lisansı ve güvenliği kendiniz değerlendirin.