生成艺术与图案
algorithmic-art · Anthropic用 p5.js 制作原创生成艺术，通过固定种子与可调参数探索流场、粒子和图案。
- 输出
- 可交互 p5.js 作品
- 需要
- HTML / JS 文件读写与浏览器
ZIP · 22 KB · Apache-2.0
用途与边界
- 准备什么
- 视觉主题、配色，以及希望调整的参数。
- 运行条件
- 能编辑 HTML、JavaScript 的 AI 工具、浏览器，以及可加载的 p5.js 库。
- 使用边界
- 输出是代码生成作品，不等于可编辑矢量设计文件；需检查浏览器性能与外部库加载。
试一个设计任务
技能加载后，复制任务并替换为你的需求。
使用 algorithmic-art，以风向变化为灵感制作原创流线图案，采用墨色、米白和一种蓝色点缀。提供种子、密度和曲率控制；相同种子应复现相同图案。确保 HTML 查看器在小屏幕也能使用。安装说明
适用于 Claude 的 Code／项目入口；聊天和 Cowork 的技能在账户设置中管理。
放入技能目录，或使用安装命令
下载并解压，保留完整的 algorithmic-art 文件夹，放入项目的 .claude/skills/ 目录。
或在项目终端运行命令，需要 Node.js / npx。命令获取作者最新版本，可能与下载包不同。
查看原作者安装说明npx skills add anthropics/skills --skill algorithmic-art --agent claude-code确认技能已加载
重新打开工具，在技能列表中确认 algorithmic-art 可用。若没有出现，请按原作者说明检查安装目录。
检查结果
- 查看器能加载，参数控制实际影响作品。
- 相同种子能复现同一结果。
- 目标密度下的绘制保持流畅。