algorithmic-art
使用 p5.js 創作算法藝術
متاح أيضًا من: anthropics,davila7,Doyajin174,ArtemisAI,ZhanlinCui,Cam10001110101,Azeem-2
此技能使 Claude 和 Claude Code 能夠使用 p5.js 生成畫廊級別的算法藝術，並透過種子隨機性實現可重複的結果和互動式參數探索。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "algorithmic-art". 建立具有流場和粒子追蹤的算法藝術
النتيجة المتوقعة:
一個互動式 HTML 產出物，帶有 p5.js 畫布，顯示由 Perlin 雜訊驅動的流動粒子追蹤。側邊欄控制包括種子輸入、上一個/下一個/隨機按鈕，以及用於粒子數量（100-5000）、雜訊比例（0.001-0.01）、流動速度（0.5-5）和追蹤長度（0-255 alpha）的滑桿。顏色根據粒子速度從冷色調變為暖色調。
استخدام "algorithmic-art". 生成具有黃金比例的遞迴幾何藝術
النتيجة المتوقعة:
顯示分支遞迴結構的獨立 HTML。每個分支根據黃金比例約束進行細分。參數包括最大深度（3-10）、分支角度（15-45 度）、長度衰減（0.5-0.8）和配色方案選擇。種子導航允許探索 100 種變體。
التدقيق الأمني
آمنAll static findings are false positives. Network URLs are legitimate CDN resources for p5.js and Google Fonts. The flagged code patterns (regex.exec, seeded randomness, file reading) are all legitimate for generating algorithmic art. No confirmed security risks identified.
الأنماط المكتشفة
درجة الجودة
ماذا يمكنك بناءه
尋求獨特視覺效果的數位藝術家
創作具有數學美感和涌现行為的獨一無二生成藝術作品。非常適合想要算法創意的數位藝術家。
用於教授生成藝術的教育工具
用作教學工具，演示種子隨機性、流場、粒子系統和參數化設計等概念。
藝術裝置的快速原型設計
快速生成和探索算法藝術變體，為大型藝術專案或裝置尋找靈感。
جرّب هذه الموجهات
使用流場建立算法藝術。使用 Perlin 雜訊驅動粒子運動。包含粒子數量、雜訊比例和追蹤長度的參數。讓顏色根據速度變化。
建立受神聖幾何啟發的幾何算法藝術。使用遞迴細分或 L-系統。包含遞迴深度、角度和比例的參數。強調數學精確性。
建立基於隨機結晶的藝術。使用圓形填充或具有鬆弛的 Voronoi 鑲嵌。參數應包括密度、單元大小和調色板。每個種子都應產生獨特的結晶美感。
建立具有多個可調參數的複雜算法藝術作品。包含種子導航（上一個/下一個/隨機）和匯出功能。算法應感覺經過精心設計，具有專家級的參數調整。
أفضل الممارسات
- 始終使用種子隨機性（randomSeed、noiseSeed）以實現可重複的輸出
- 從提供的 viewer.html 模板開始，以保持 Anthropic 品牌風格
- 設計感覺自然的參數，適合算法本身，而非任意的控制項
تجنب
- 不要在不使用提供的模板結構的情況下從頭建立 HTML
- 避免使用硬編碼顏色 - 使用參數驅動的調色板進行探索
- 不要省略種子導航控制 - 可重複性是核心價值