算法艺术技能用于通过代码创作生成式艺术,基于 p5.js 实现带种子的随机性和交互式参数探索。当用户请求用代码创作艺术时使用。
用途:该技能不产出静态图片或模板,而是先创建一份“算法哲学”(ALGORITHMIC PHILOSOPHY),再通过代码表达为可运行的生成艺术。整个过程分两步:第一步生成算法哲学 .md 文件;第二步创建 p5.js 生成艺术(.html 交互查看器 + .js 生成算法)。
主要能力:
- 生成算法哲学文档:为生成艺术运动命名(1-2 个词),并用 4-6 段文字阐述其计算过程、噪声与随机模式、粒子行为与场动力学、时间演化与系统状态、参数变化与涌现复杂性。文档强调过程重于结果、参数化表达、艺术自由、纯生成艺术和专家级工艺。
- 从原始请求中提炼“概念种子”:将用户请求中隐含的细微概念线索嵌入算法参数、行为和涌现模式中,使其不直白宣告,却能增强作品深度。
- p5.js 实现:先读取 templates/viewer.html 模板作为字面起点,保留固定部分(布局结构、Anthropic 品牌样式、种子控件、操作按钮),仅替换可变部分(p5.js 算法、参数对象、参数 UI 控件、可选颜色控件)。
使用方式:技能内要求先读取模板文件 templates/viewer.html,保留其头部、侧边栏结构、Anthropic 配色与字体、种子控件和操作按钮,仅替换算法、参数与参数控件。算法需使用带种子的随机性(randomSeed、noiseSeed)保证同一 seed 产生相同输出,参数对象包含 seed 及数量、尺度、概率、比例、角度、阈值等可调属性。
输出格式:
- 算法哲学:以 markdown 或文本说明生成美学。
- 单一 HTML 制品:自包含的交互式生成艺术,基于 templates/viewer.html 构建,内嵌 p5.js(来自 CDN)、算法、参数控件和 UI,可在 claude.ai 制品或任何浏览器中直接运行,无需额外设置。
交互功能要求:
- 参数控件:数值参数使用滑块(粒子数量、噪声尺度、速度等),颜色使用取色器,参数变化实时更新,提供重置按钮恢复默认值。
- 种子导航:显示当前种子编号,提供“上一个”“下一个”按钮循环切换种子,“随机”按钮生成随机种子,输入框跳转到指定种子;请求时可生成 100 个变体(种子 1-100)。
- 操作区:重新生成、重置、下载 PNG 按钮。
- 侧边栏顺序:种子(固定)→ 参数(可变)→ 颜色(可选)→ 操作(固定)。
技术细节:使用 p5.js 1.7.0 CDN(https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js),标准 setup/draw 结构,画布尺寸 1200x1200,可静态(noLoop)或动画。所有代码内联在单一 HTML 文件中,无外部文件或导入(p5.js CDN 除外)。
适用场景:用户请求用代码创作艺术、生成式艺术、交互式视觉探索、算法美学作品时使用,尤其适合需要可复现种子变化和实时参数调节的创作场景。
限制:模板固定部分不可改动(布局、Anthropic 品牌样式、种子控件、操作按钮),不得从头创建 HTML 或自定义配色与字体;算法必须为纯生成艺术而非带随机性的静态图片;关于具体收费、价格、平台支持范围等事实暂未提供。