Agent Skills
返回列表
🎨

算法生成艺术

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/cn-algorithmic-art。

技能介绍

要解决什么问题

很多「生成图」流程停在静态构图或模板换色:美学写在 prompt 里,代码只是随机数装饰。真正想交付可复现、可探索的计算艺术时,你需要先把「这套系统相信什么」写成算法哲学,再用 p5.js 把过程跑起来——而不是先选图案菜单。

技能如何工作

工作流固定为两步,且第二步必须服从第一步:

  1. 算法哲学(.md):根据用户意图写 4~6 段宣言式文档,命名运动(1~2 词),明确计算过程、噪声/粒子/场、时间演化与参数化变化;强调过程重于结果与种子变异,并预留实现空间。
  2. 推导概念种子:从原始请求里提取微妙、非字面的概念线索,织进参数与涌现模式(懂的人能感到,不懂的人仍觉得构图扎实)。
  3. p5.js 成品(单文件 .html):以 templates/viewer.html 为字面起点,保留 Anthropic 品牌 UI、种子导航与操作区,只替换算法与参数控件;内联 p5.js(CDN)、setup/draw、参数对象,实现 Art Blocks 式同种子同输出。

侧边栏约定:种子(上/下/随机/跳转)→ 可调参数滑块 → 可选调色 → 重新生成/重置/下载 PNG。

适用边界与注意点

  • 目标是活的生成算法(约 90% 算法、10% 必要参数),不是带随机性的静态图。
  • 不要从零写 HTML 或改模板固定布局;算法应从哲学推导,而非复制示例流场。
  • 哲学段落需避免重复堆砌同一理论;工艺表述要具体,但别把实现细节写死,否则下一步没有创作余地。

使用场景

  • 客户只给了氛围关键词,需要先写出算法哲学 `.md`,再交付可换种子探索的单文件交互 HTML。
  • 课程作业要求说明「涌现/噪声/场」等计算观念,并配套可在浏览器里调参、导出 PNG 的 p5 草图。
  • 品牌或展览需要 Art Blocks 式变体:固定算法与 UI,让观众用种子按钮浏览 1–100 号不同画面。
  • 已有 `templates/viewer.html` 规范,要把新美学实现成内联算法,而不重写侧边栏与种子导航结构。

适合人员

  • 用代码做视觉原型的前端工程师,希望哲学文档与 p5 实现步骤一致、同种子可复现
  • 带生成艺术工作坊的讲师,需要学生先写宣言式算法哲学再交自包含 HTML 成品
  • 向技术团队交付可演示素材的创意技术策划,要把抽象美学落成可调参的交互草图
  • 做计算艺术 side project 的设计背景从业者,熟悉模板约束但不想从零搭 viewer 界面