以 skill 自身的术语
这个 skill 通过两步流程,用 p5.js 创作原创算法艺术:先定义一个算法哲学(一种计算美学运动,以 markdown 宣言的形式表达),再把它实现为一个自包含的交互式 HTML 产物。每件作品都使用带种子的随机性以保证可复现性,用户可以通过种子控制在不同变体之间切换。
这个 skill 强调涌现行为、数学之美和参数化变体——构建活的算法,而不是静态图像。输出包括一份 4-6 段的哲学文档,以及一个单独的 HTML 文件,内嵌 p5.js 代码、参数滑块和 Anthropic 品牌 UI,可直接在浏览器或 claude.ai artifacts 中运行。
它产出什么
- 算法哲学,以 markdown 文件呈现,为该运动命名,并用 4-6 段文字阐述它如何通过计算过程体现
- 单个自包含的 HTML 产物,内嵌 p5.js 算法、参数控制、种子导航和 Anthropic 品牌 UI,可在浏览器或 claude.ai 中直接使用
工作方式
- 01创建算法哲学
撰写一份 4-6 段的宣言,为一个生成艺术运动命名,并描述它如何通过计算过程、噪声函数、粒子行为和涌现复杂性体现出来。
- 02推导概念种子
在编码之前,从原始需求中找出一个细微的概念线索,作为无形的 DNA 嵌入算法——熟悉的人会凭直觉感受到这种精妙的呼应,而其他人则体验到纯粹的生成之美。
- 03基于 viewer 模板构建
阅读 templates/viewer.html,并以它为字面意义上的起点。
- 04实现带种子的算法
用 p5.js 代码表达哲学理念,使用带种子的随机性(randomSeed 和 noiseSeed),使同一个种子始终产生完全相同的输出。
- 05设计可调参数
创建由算法哲学自然衍生的参数:先问这个系统有哪些特性可以调整——数量、尺度、概率、比例、角度或阈值——而不是按图案类型来思考。
- 06输出单个产物
生成一个自包含的 HTML 文件,内联引入来自 CDN 的 p5.js、算法、参数控制和 Anthropic 品牌 UI。