Algorithmic Art 技能 - 用 Claude 做生成艺术
Algorithmic Art 技能如何引导 Claude 用带种子的随机性、流场和 p5.js 创作生成艺术——完整解读 SKILL.md。
来源:内容改编自 anthropics/skills(MIT 协议)。最后同步于 2026 年 7 月 8 日,对应上游 2026 年 4 月 20 日的更新。
概览
官方描述:"Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration - generative art, flow fields, particle systems."
这个技能如何工作
这个技能的核心理念:Claude 必须先写一份算法哲学,再写代码。SKILL.md 依次讲解:
- 哲学创作 - 先生成一个有名字的艺术立场(附完整范例),而不是直接跳到视觉效果
- 推导概念种子 - 从用户请求中提炼作品的主导思想
- p5.js 实现 - 有一条标着"⚠️ STEP 0: READ THE TEMPLATE FIRST"的硬规则:所有 sketch 都从
templates/generator_template.js出发 - 工艺与技术要求 - 带种子的随机性保证每次输出可复现,配套 viewer 支持交互式参数探索
- 哪些固定、哪些可变 - 模板中哪些部分 Claude 可以改、哪些不许动
技能文件夹里有什么
templates/generator_template.js- 强制的 p5.js 起点templates/viewer.html- 交互式参数浏览器SKILL.md(约 20 KB,官方最详尽的技能之一)、LICENSE.txt
对你自己写技能的启示
- 带"禁止偏离"契约的模板,比开放式指令产出稳定得多。
- 带种子的随机性让生成艺术变成可复现、可参数化的资产——任何输出可变的技能都适用这条纪律。
claudeskills文档