Claude 一句话生成算法艺术！这个官方 Skill 把 p5.js 玩出了花

Claude 一句话就能画一幅「代码生成艺术」？ Anthropic 官方上架的这个 skill，真的把 AI 和 p5.js 绑在了一起。

先说玩法，有多离谱

以前要让 AI 生成一张有「算法感」的图，你得自己写代码、调参、导出。现在只要对 Claude 说「给我画一个粒子流场」，它会自动：

1. 先写一段「算法哲学」——就是用文字描述这个流场的生成逻辑和美学主张
2. 再生成完整的 p5.js 代码，嵌入一个自包含 HTML 文件
3. 打开浏览器就能看，还带参数滑块可以实时调节

种子随机性是精髓

这 skill 最有意思的设计是「种子控制」：每次生成都有随机种子，但同一种子 + 同一种子下的参数，每次渲染结果完全一致。这解决了 AI 生成艺术最大的痛点——不可复现。

想要不同的变体？换个种子就行。画廊想出一套同一风格的不同作品，参数不变，只动种子。

适用场景

• 设计师想做「有算法灵魂」的背景图、海报
• 程序员想快速验证一个视觉 idea
• 内容创作者需要独一无二的封面素材
• 任何想玩「代码 × 艺术」混搭的人

安装方式

官方 skill，直接用 npx 安装：

npx skills add anthropics/skills --skill algorithmic-art

或者手动 clone：

git clone https://github.com/anthropics/skills.git
# 把 skills/algorithmic-art 复制到项目 .claude/skills/ 或全局 ~/.claude/skills/

官方出手，质量有保证

这个 skill 来自 anthropics/skills 仓库（没错，就是那个 172k+ stars 的 Claude 官方 skill 库），安全审计通过，代码完全自包含，p5.js 从 CDN 加载，无服务端操作。

追求「AI 也能做生成艺术」而不是只会拼凑素材的设计师，这个 skill 值得试试。

GitHub：https://github.com/anthropics/skills

GitHub: https://github.com/anthropics/skills