83.3K+İndir
Kullanım kılavuzuna geç
algorithmic-artyazan Anthropic

Algorithmic Art Skill.

Claude Code ve Codex için görsel çalışması skill'i: p5.js ile üretken sanat: seed'lenmiş parçacıklar, akış alanları ve ayarlanabilir parametreler.

  • Images & Generative Art
  • Üretken sanat
OpenDesign İndirKullanım kılavuzunu görüntüle
anthropics/skills · skills/algorithmic-art/SKILL.mdSKILL.md
--- name: algorithmic-art description: Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations. --- ## ALGORITHMIC PHILOSOPHY CREATION ## DEDUCING THE CONCEPTUAL SEED ## P5.JS IMPLEMENTATION ## INTERACTIVE ARTIFACT CREATION ## VARIATIONS & EXPLORATION ## THE CREATIVE PROCESS
Başlık bilgileri ve bölüm başlıkları 2026-09-14 tarihinde kaynak dosyadan okunmuştur · tam hali 19.735 karakter

01 Ne yapar

algorithmic-art Skill'i Claude Code ve Codex'te ne yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Bu skill, p5.js kullanarak iki adımlı bir süreçle özgün algoritmik sanat üretir: önce algoritmik bir felsefe tanımlar (markdown manifestoda ifade edilen hesaplamalı bir estetik akım), ardından bunu kendi kendine yeten etkileşimli bir HTML artifact olarak uygular. Her eser, yeniden üretilebilirlik için seed tabanlı rastgelelik kullanır; kullanıcılar seed kontrolleriyle varyasyonlar arasında gezinebilir.

Skill; beliren davranışı, matematiksel güzelliği ve parametrik çeşitliliği vurgular — statik görüntüler yerine yaşayan algoritmalar kurar. Çıktı, 4-6 paragraflık bir felsefe belgesi ile gömülü p5.js kodu, parametre kaydırıcıları ve Anthropic markalı arayüz içeren tek bir HTML dosyasından oluşur; tarayıcılarda veya claude.ai artifact'lerinde anında çalışmaya hazırdır.

Neler üretir

  • Akımı adlandıran ve 4-6 paragrafta hesaplamalı süreçler aracılığıyla nasıl ortaya çıktığını anlatan markdown dosyası olarak algoritmik felsefe
  • Gömülü p5.js algoritması, parametre kontrolleri, seed gezinmesi ve Anthropic markalı arayüz içeren, tarayıcılarda veya claude.ai'de anında çalışan tek, kendi kendine yeten HTML artifact
Örnek istemi görün ↗

Nasıl Çalışır

  1. 01
    Algoritmik Felsefe Oluştur

    Üretici bir sanat akımını adlandıran ve bu akımın hesaplamalı süreçler, noise fonksiyonları, parçacık davranışları ve beliren karmaşıklık aracılığıyla nasıl ortaya çıktığını anlatan 4-6 paragraflık bir manifesto yazın.

  2. 02
    Kavramsal Seed'i Çıkar

    Kodlamaya başlamadan önce, özgün istekteki ince bir kavramsal ipi belirleyin ve algoritmaya görünmez bir DNA olarak yerleştirin — konuya aşina olanların sezgisel olarak hissettiği, diğerlerinin ise saf üretici güzellik olarak deneyimlediği incelikli bir gönderme.

  3. 03
    Viewer Şablonundan Oluştur

    templates/viewer.html dosyasını okuyun ve onu birebir başlangıç noktası olarak kullanın.

  4. 04
    Seed Tabanlı Algoritmayı Uygula

    Felsefeyi p5.js kodunda seed tabanlı rastgelelik (randomSeed ve noiseSeed) kullanarak ifade edin; böylece aynı seed her zaman aynı çıktıyı üretir.

  5. 05
    Ayarlanabilir Parametreleri Tasarla

    Desen türlerini düşünmek yerine, sistemin hangi niteliklerinin ayarlanabileceğini sorarak algoritmik felsefeden doğan parametreler oluşturun — miktarlar, ölçekler, olasılıklar, oranlar, açılar veya eşik değerler.

  6. 06
    Tek Bir Artifact Üret

    CDN'den p5.js, algoritma, parametre kontrolleri ve Anthropic markalı arayüzü satır içi olarak içeren, kendi kendine yeten tek bir HTML dosyası üretin.

02 Uyumunuzu bulun

algorithmic-art Skill Ne Zaman Kullanılır

Claude Code veya Codex'te iş bu türden bir görüntü çalışması olduğunda algorithmic-art skill'ini kullanın. Aşağıdaki uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

  • Kod aracılığıyla üretilen üretici sanat, algoritmik sanat, akış alanları veya parçacık sistemleri isteyen kullanıcılar
  • Beliren davranış ve kontrollü kaos yoluyla her çalıştırmada benzersiz çıktılar üreten yaşayan algoritmalar oluşturmak
  • Etkileşimli kontroller ve seed gezinmesiyle parametrik varyasyonları keşfederek bir algoritmanın potansiyelinin farklı yönlerini ortaya çıkarmak

Sınırları Bilin

  • Telif hakkını ihlal edecek şekilde mevcut sanatçıların eserlerini kopyalamak
  • Ortaya çıkan davranışlara sahip hesaplamalı süreçler yerine statik görseller veya şablonlar oluşturma
  • Rastgele tohumlama, gürültü alanları, parçacıklar, akışlar veya matematiksel ilişkiler yoluyla ifade edilemeyen sanat eserleri

Ne Sağlamalısınız

  • Kullanıcı isteği veya talimatlarıSkill'in yaratıcı özgürlüğü kısıtlamadan temel aldığı ince girdi.

03 Skill'in içinde

algorithmic-art Skill'inin Claude Code ve Codex'e Verdiği Kurallar

Ajanın için SKILL.md dosyasının belirlediği 5 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

  1. Felsefe Uygulamayı Yönlendirir

    Algoritmik felsefe neyin inşa edileceğini belirler.

  2. viewer.html Şablonundan Başlayın

    Herhangi bir HTML yazmadan önce, templates/viewer.html dosyasını Read aracıyla okuyun ve bu dosyayı gerçek başlangıç noktası olarak kullanın.

  3. Uzman El İşçiliğini Tekrar Tekrar Vurgulayın

    Felsefe, nihai algoritmanın titizlikle hazırlanmış görünmesi, sayısız yinelemeden geçirilerek rafine edilmiş olması ve alanının en tepesindeki biri tarafından yürütülen derin bir hesaplama uzmanlığının ürünü olması gerektiğini defalarca vurgulamalıdır.

  4. Kavramsal İpliği İnce Bir Şekilde Yerleştirin

    Orijinal istekten gelen kavramsal referans, kendini ilan etmeden derinliği artıracak kadar rafine olmalıdır—bir caz müzisyeninin algoritmik bir armoniyle başka bir şarkıya gönderme yapması gibi.

  5. Dört ile Altı Paragraflık Felsefeler

    Algoritmik felsefe, hareketin hesaplama süreçleri, gürültü fonksiyonları, parçacık davranışları, zamansal evrim ve parametrik değişim aracılığıyla nasıl ortaya çıktığını ifade edecek şekilde 4-6 kapsamlı paragraf uzunluğunda olmalıdır.

04 İşe koyun

algorithmic-art'ı Claude Code veya Codex'e Yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

Claude Code, Codex veya Ajanınıza algorithmic-art ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art

skills/algorithmic-art/SKILL.md için genel skills CLI biçimi; depo kendi yolunu farklı şekilde belgelemiş olabilir.

Skill'e İlk Görsel Çalışma Görevini Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt
Create algorithmic art inspired by the way mycelium networks communicate through chemical signals underground. I want something that feels organic and interconnected, with growth patterns that emerge over time. Use earthy tones and make the parameters tunable so I can explore different colony behaviors.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

  • Aynı seed'in her zaman aynı çıktıyı ürettiğini doğrulamak için seed gezinme (önceki/sonraki düğmeler) işlevini test edin ve görsel tekrarlanabilirliği onaylayın
  • HTML artifact'ın claude.ai'de veya herhangi bir tarayıcıda, harici dosya, kurulum veya sunucu gerektirmeden hemen çalıştığını doğrulayın
  • Tüm parametre kaydırıcılarının çalışmayı gerçek zamanlı olarak güncellediğini ve sıfırlama düğmesinin varsayılan değerleri geri getirdiğini kontrol edin
  • Ürünün, templates/viewer.html dosyasındaki tam düzen yapısını, Anthropic marka kimliğini (Poppins/Lora fontları, açık renkler, gradyan arka plan) ve kenar çubuğu düzenini kullandığından emin olun
  • Seed kontrollerinin doğru çalıştığını test edin: geçerli seed'i görüntüleme, önceki/sonraki düğmelerinin seed'ler arasında gezinmesi, rastgele düğmesinin yeni bir seed oluşturması ve seed'e atla girdisinin belirli seed'lere gitmesi
  • Algoritmanın genel bir kalıbı kopyalamak yerine felsefeyi ifade ettiğini, özenle rafine edilmiş bir işçilikle doğrulayın

OpenDesign'da algorithmic-art hazır olarak gelir: Plugins → Skills, üst çubuktan seçin.

OpenDesign İndirHızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author
Anthropic
Repository
github.com/anthropics/skills Branch main
Skill dosyası
skills/algorithmic-art/SKILL.md İçerik kontrol toplamı doğrulamada kaydedildi; commit 34040c9
License
Apache-2.0 skills/algorithmic-art/LICENSE.txt'den; SKILL.md "Tüm koşullar LICENSE.txt'de" diyor.
Repository yıldızları
176.183 Bu katalogda 7 skill içeren tüm anthropics/skills deposu için 2026-09-14 tarihinde alınan GitHub görüntüsü. algorithmic-art için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı
2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde paketlenmiştir (2026-08-28 tarihinde kontrol edildi); bu sayfada canlı bir çalıştırma kaydı bulunmamaktadır.

SKILL.md içinde

  1. ALGORİTMİK FELSEFE OLUŞTURMAOrtaya çıkan (emergent) davranışlara sahip bir hesaplamalı estetik akımı tanımlayan 4-6 paragraflık bir manifesto yazmaya yönelik talimatlar
  2. Kritik anlayışSkill'in temel olarak kullanıcı girdisini aldığını, bir felsefe oluşturduğunu ve bu felsefeyi kodda algoritmik olarak ifade ettiğini açıklar
  3. ALGORİTMİK BİR FELSEFE NASIL ÜRETİLİRHareketi adlandırma ve hesaplamalı süreçler yoluyla nasıl tezahür ettiğini zanaat vurgusuyla ortaya koyma adımları
  4. FELSEFE ÖRNEKLERİHareket adlarını ve bunların algoritmik olarak nasıl ifade edildiğini gösteren beş kısa örnek: Organik Türbülans, Kuantum Harmonikleri, Yinelenen Fısıltılar, Alan Dinamiği, Stokastik Kristalleşme
  5. TEMEL İLKELERÇekirdek ilkeler: ürün yerine süreç, parametrik ifade, sanatsal özgürlük, saf üretken sanat, uzman zanaatkârlık
  6. Kavramsal Tohumu Çıkarsamakİstekteki ince kavramsal izi belirleyip algoritmaya görünmez biçimde nasıl yerleştirirsiniz
  7. P5.JS UYGULAMASITohumlanmış rastgelelik ve parametrelerle felsefeyi p5.js koduyla ifade etmeye yönelik teknik talimatlar
  8. ADIM 0: ÖNCE ŞABLONU OKUYUNHTML yazmadan önce templates/viewer.html dosyasını okuyup onu birebir başlangıç noktası olarak kullanmanız için zorunlu adım
  9. TEKNİK GEREKSİNİMLERTohumlanmış rastgelelik deseni, parametre yapısı yönergeleri ve felsefenin algoritma seçimlerini nasıl belirlemesi gerektiği
  10. USTALIK GEREKSİNİMLERİNihai algoritmada denge, renk uyumu, kompozisyon, performans ve tekrarlanabilirlik için standartlar
  11. ÇIKTI BİÇİMİFelsefenin markdown olarak ve şablondan oluşturulmuş, kendi içinde eksiksiz tek bir HTML çıktısı olarak sunulmasını belirtir
  12. ETKİLEŞİMLİ ARTİFACT OLUŞTURMAŞablonda neyin sabit, neyin değişken olduğuna ve kenar çubuğunun nasıl oluşturulacağına dair ayrıntılı talimatlar
Skill'in Kendi Açıklaması
"p5.js kullanarak çekirdeğe dayalı rastgelelik ve interaktif parametre keşfi ile algoritmik sanat oluşturma. Kullanıcılar kod kullanarak sanat oluşturma, üretken sanat, algoritmik sanat, akış alanları veya parçacık sistemleri talep ettiğinde bunu kullanın. Telif hakkı ihlallerinden kaçınmak için mevcut sanatçıların eserlerini kopyalamak yerine özgün algoritmik sanat oluşturun."

SKILL.md'den ön bilgi açıklaması. Tam dosya yaklaşık 19.735 karakterdir. GitHub'da tam dosyayı okuyun.

06 Kurmadan önce

algorithmic-art Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

Bu skill ne üretir?

Skill iki dosya üretir: 4-6 paragraflık algoritmik felsefeyi içeren bir markdown belgesi ve gömülü p5.js kodu, parametre kontrolleri ile Anthropic markalı arayüzü barındıran tek parça, kendi kendine yeterli bir HTML artifact. HTML, claude.ai'de veya herhangi bir tarayıcıda harici bağımlılık olmadan hemen çalışır.

Algoritmik Sanat

algorithmic-art'ı gerçek bir imaj çalışması görevinde çalıştırın.

algorithmic-art skill'i OpenDesign içinde gelir. Uygulamayı indirin, Plugins → Skills'te skill'i seçin, yukarıdaki istemi yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirinTüm skill'lere göz atın
Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art