Algorithmic Art Skill

Algorithmic Art 是 Anthropic skills 仓库中的示例 skill，包含 SKILL.md、LICENSE.txt 和 templates/ 文件夹。据其 SKILL.md，该 skill 用 p5.js 创作生成艺术，使用带种子的随机数和交互式参数探索。它面向生成艺术、算法艺术、流场和粒子系统等请求，并要求原创、不得复制现有艺术家的作品。

工作方式

该 skill 分两步。

1. 算法哲学：写一个 1 到 2 个词的流派名称，以及 4 到 6 段的宣言并保存为 .md 文件，涵盖涌现、噪声场、粒子和参数化变化等计算美学。
2. p5.js 实现：用代码表达这套哲学，目标是约 90% 算法生成、10% 必要参数。

核心功能

• 种子随机：代码调用 randomSeed() 和 noiseSeed()，同一种子始终产生相同输出。
• 种子导航：界面显示当前种子，提供上一个、下一个、随机和跳转到指定种子的控件，可生成种子 1 到 100。
• 实时参数控制：滑块和取色器实时更新作品，并有重置按钮。
• 查看器模板：templates/viewer.html 是必须使用的起点，包含固定的布局、侧边栏、Anthropic 品牌、种子控件和操作按钮。templates/generator_template.js 是 p5.js 结构的参考，而不是图案菜单。
• 单文件输出：结果是一个自包含的 HTML 工件，p5.js 从 CDN 加载，可在 claude.ai 或任何浏览器中运行。skill 要求不要创建单独的 .js 文件。
• 操作：重新生成、重置和下载 PNG。

适用场景

• 用 Claude 生成流场、粒子系统和其他由代码驱动的艺术。
• 制作可探索的作品，可逐个切换种子并调节参数。
• 研究 skill 如何把文字概念与可运行代码结合。

局限：输出质量取决于模型和 p5.js，且 skill 自身的准则要求保持带 Anthropic 品牌的查看器布局不变。

快速开始

1. 打开 skill 文件夹并阅读 SKILL.md。
2. 按 Claude Skills 所述流程安装。
3. 让 Claude Code 或 Claude 生成一件作品，例如流场艺术，并先查看它写出的哲学。
4. 打开生成的 HTML 文件，探索不同种子和参数。

常见问题

Algorithmic Art skill 做什么？

让 Claude 先写算法哲学，再实现为带种子、可交互的 p5.js 工件。

它会创建单独的 JavaScript 文件吗？

不会。skill 要求输出单个自包含的 HTML 文件。

能复制现有艺术家的风格吗？

不能。skill 要求原创作品。

要花钱吗？

该 skill 是公开 GitHub 仓库中的一个文件夹。使用它需要 Claude 产品，其定价另计。

替代方案

• Canvas Design：适合静态视觉设计而非交互式生成艺术。
• Claude Skills：skill 的打包与加载方式。
• Claude Code：在终端运行 skill 的宿主。

总结

Algorithmic Art 是把文字概念与可运行 p5.js 作品结合的精简 skill 示例。相关 skill 请见技能分类。