algorithmic-art skill 是什麼、怎麼使用：Anthropic 官方的 p5.js 生成藝術 Skill（可調參數、可復現的隨機種子）

本文根據 anthropics/skills 倉庫裏該技能的 SKILL.md 與倉庫 README 整理，資料核對於 2026-10-11。skills.sh 榜單當日顯示該技能累計安裝約 8.5 萬次；所在倉庫 anthropics/skills 在 GitHub 約 18.0 萬 Star（同日數據）。技能內容會隨倉庫更新，以倉庫為準。

這個 Skill 做什麼

algorithmic-art 讓 Claude 用代碼創作生成藝術。按 description，用戶想用代碼做藝術、生成藝術、算法藝術、流場（flow field）或粒子系統時使用，技術上基於 p5.js，特點是「帶種子的隨機」和「可交互的參數探索」；同時要求創作原創作品，不照搬已有藝術家的作品。

和 canvas-design 一樣，它分兩步走。第一步寫一份「算法哲學」：用一段文字描述這件作品背後的計算美學——用什麼過程、怎樣的湧現行為、噪聲場和粒子如何相互作用，存成 .md。第二步把這份哲學實現成 p5.js 程序。技能在這裏有一條硬性規定：動手前必須先讀目錄裏的 templates/viewer.html 模板，交互查看器的整體框架和介面是固定的，只允許替換算法本身和參數定義。

成品是一個可以直接打開的 HTML：有隨機種子的輸入與前後翻頁（同一個種子永遠得到同一幅畫），有一組滑塊實時調參數。產出的文件類型是 .md（哲學）、.html（查看器）和 .js（算法）。

怎麼安裝

algorithmic-art 收在 anthropics/skills 倉庫的 example-skills 插件包裏。在 Claude Code 會話中依次輸入（命令來自倉庫 README）：

text
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

同一個包裏的其他示例技能會一起裝上。只想要這一個，可以把倉庫裏的 skills/algorithmic-art 文件夾複製到 ~/.claude/skills/（個人）或項目的 .claude/skills/；claude.ai 網頁版則在 Customize → Skills 裏上載這個文件夾的 ZIP。

倉庫整體介紹和其他安裝方式，詳見本站《anthropics/skills 是什麼、怎麼安裝：Anthropic 官方 Skills 倉庫（docx / pptx / xlsx / pdf、skill-creator）》。

怎麼用

• 「做一件以『潮汐』為主題的流場作品，顏色偏冷」。
• 「粒子太密了，把數量參數的範圍調小，再加一個控制拖尾長度的滑塊」。
• 「保持算法不變，換十個種子，挑出最好看的三個告訴我編號」。

目錄裏只有兩個模板文件：viewer.html（查看器）和 generator_template.js（算法骨架）。

適合誰 / 侷限

適合對創意編程感興趣的人、想給網站或演示做動態背景的設計師，以及教學場景裏演示「參數如何改變圖形」。它產出的是抽象的程序化圖形，不是插畫或照片；需要具象內容時應該用圖像生成模型。作品在瀏覽器裏實時計算，粒子數量很大時舊電腦會卡。

注意事項

• 許可：技能目錄內的 LICENSE.txt 為 Apache-2.0。
• 運行環境：成品是純前端文件，本地瀏覽器打開即可；在 claude.ai 裏可以作為 Artifact 直接預覽。模板裏的 p5.js 是從公共 CDN 加載的，完全離線時需要自備庫文件。
• 原創要求：不要讓它復刻具體某位藝術家的代表作。
• 想把作品導出成高清圖片或影片，需要自己再提要求或另行處理。