algorithmic-art 适合想探索“同一套规则能生成哪些画面”的任务。你得到的不只是图片，还包括说明创作方向的 Markdown，以及可以调整参数、切换随机种子的 HTML 查看器。它擅长粒子、流场和几何系统；如果只想排一张文字海报，静态画布工具更直接。
安装与调用
在 Claude Code 的聊天输入框依次发送下面两条命令。这是插件命令，不是在系统终端运行的 Shell 命令；第二条安装的是包含 algorithmic-art 的官方技能包。
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
安装后，在同一项目的会话里明确说“使用 algorithmic-art”，再提供文件或任务。下面的提示词是可修改的首次输入示例。安装会加入技能说明与资源；它不会替你准备输入资料，也不代表所有依赖已经在本机安装。若找不到技能，先检查插件是否安装并启用，以及会话是否已加载最新插件，再继续任务。
第一次先做一个可控制的小系统
可以这样输入，替换主题与输出文件名：
使用 algorithmic-art 做一幅“雨后城市气流”的抽象生成艺术。
先说明视觉规则，再制作可在浏览器打开的 city-flow.html。
以种子 42 为默认值，让我调整粒子数量、流场尺度和线条透明度。
保留种子跳转、重置和 PNG 下载控件。不要加入解释性长文。
先确定哪些变化值得观察。例如，粒子数量控制密度，流场尺度控制大回旋还是细纹理，透明度影响线条积累；不要把十几个意义重复的滑块同时放上界面。技能会先形成设计理念，再把概念转为计算规则。你可以在这个阶段指出“应该像气流，不要画真实建筑”，避免后面修改整个算法。
实现时，要求 Agent 使用随包的 templates/viewer.html，并保留它的固定界面结构。主要变化发生在算法、参数和相应控件上。随机数和噪声都要绑定种子；否则按钮虽然显示同一个数字，画面仍可能无法复现。默认交付以单个 HTML 为主，算法代码内嵌其中，不必另找多个 JavaScript 文件才能打开。
怎样判断已经能用
打开文件后先记录种子 42 和默认参数，再改一个滑块，观察变化是否符合名称。接着切到其他种子，最后回到 42 并重置参数；这样才能检查“换构图”和“改规则”有没有混在一起。再试 PNG 下载，确认导出的是作品画布，尺寸和色彩满足实际用途。
喜欢某个结果时，保存 HTML、设计说明及种子和参数，而不只保留一张截图。这样以后可以在同一视觉方向下生成系列作品。若动画变慢，先降低粒子数量或绘制负担，再讨论更复杂的效果。若完全空白，检查浏览器控制台与 p5.js 的 CDN 请求；这里的“单文件”不等于默认可以完全离线。模板的界面品牌样式与作品配色是两层内容，改变艺术颜色不会自动重做侧栏。
把“好看”变成可重复的选择
第一次预览时，先锁住种子，只改变一个参数并记录差异；再固定参数更换种子。这样可以分清究竟是构图随机性，还是规则本身在改变画面。若准备制作一组封面，让 Agent 保存每张候选的种子与参数，再挑选一组继续调色、留白和导出尺寸。不要只用“再随机生成一张”反复碰运气。
模板里控制区、种子切换和下载动作属于查看器交互。若某个滑块毫无变化，检查它是否真的传入绘图函数，而不只是改变了界面数字；若“重置”后无法回到原画面，检查随机数与噪声是否都从同一个种子初始化。交付给同事时附上 HTML 与一组推荐参数，使对方能复现你选中的画面。
卡在“效果不对”时怎么改
把反馈说成可观察的变化：主流场从左上角进入、中心留出放标题的空间、线条在边缘逐渐淡出。若只是说“更高级”，Agent 不知道该改种子、参数还是绘图规则。对交互艺术来说，先定规则后挑种子更省返工；反过来只为某一张随机图改算法，可能破坏其他种子下的表现。需要静态印刷物时，说明分辨率与背景色并检查导出 PNG，不要把浏览器里的动态预览直接当印刷文件。
想把生成图形用于演示稿时
一个公开制作项目先用 algorithmic-art 写下“元素总量守恒”的视觉规则，再用固定种子让同一套 p5.js 图形出现在多页演示和动画里。图形第一次铺满整页时压住了标题，后来把文字放左侧、图形留在右侧；打印版则必须冻结为静态帧。可以借鉴的是先定可重复的规则，再测试文字、动效和导出。此 Skill 自带的是互动艺术查看器；要做完整演示稿，还得另外设计分页、讲述顺序与印刷流程。