Anthropic 官方出品！用 p5.js 把代码变成生成艺术，164k stars 的宝藏 Skill

你有没有想过，让 AI 帮你「写」一幅画——不是出图，而是写出生成这幅画的代码逻辑？

最近挖到一个让我眼前一亮的 Skill，来自 Anthropic 官方出品——algorithmic-art。它不是普通的文生图工具，而是教你用 p5.js 从零构建「算法艺术」的完整工作流。

🎨 核心思路：先写「艺术宣言」，再写代码

这个 Skill 的方法论非常有意思。它把生成艺术拆成了两步：

• 第一步：Algorithmic Philosophy Creation — 先为你的生成艺术起个名字、定个调性、写一段「艺术宣言」。比如「有机湍流」「量子和谐」「涌现静谧」……这步让你明确要表达什么审美概念，而不是随机堆参数。
• 第二步：p5.js 表达 — 把哲学落地成代码，90% 算法生成 + 10% 参数调优。用种子随机数（seeded randomness）、噪声场、有机系统来驱动画面，每一幅都独一无二且可复现。

🔧 技术亮点

• 种子随机数：每一次渲染都能用同一个种子复现，参数可分享、效果可复现
• p5.js：纯浏览器端运行，不需要复杂环境，直接生成可交互的 HTML 作品
• 原创性约束：Skill 文档明确强调「必须创作原创作品，而非复制现成艺术家风格」——这在 AI 生成时代尤为重要
• 交互探索：内置参数滑块，实时调整噪声强度、粒子数量、颜色分布等

💡 适合谁用

• 设计师想探索「代码生成美学」
• AIGC 创作者想从「提示词」进阶到「算法思维」
• 任何想用 p5.js 做生成艺术项目的人
• 想给作品集加点「有逻辑的视觉」的开发者

✨ 我的感受

市面上大多数 AI 生图工具，都在让你描述画面。而这个 Skill 反其道而行——让你先想清楚「我想表达什么」，再用代码「实现它」。

这种思维训练，比学会用任何一个绘图工具都更有价值。

GitHub 完全免费，164k stars 的官方 Skill，质量有保证。强烈建议设计师/AIGC 玩家收藏！

👉 GitHub 地址（anthropics/skills）

GitHub: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art