Agent Skills
返回列表
🎨

算法生成艺术

设计多媒体 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/kg-algorithmic-art。

技能介绍

问题

参数化表达往往止步于一组滑块:你调了两个数字,得到的不过是同一张图的轻微位移。真正难的是把一段模糊的审美意图——"秩序从混沌中涌现"、"像墨水在水里散开"——转成一条会生长的计算过程,同时还能通过换种子产生无穷变体而不丢失可复现性。

核心能力

这个技能把交付物拆成两件配套工件:一份算法哲学文档,和一份自包含的 HTML 作品文件。

  • 算法哲学(philosophy_md):用 4-6 段凝练文字命名一个虚构运动(例如有机湍流、量子和声、涌现静默),并说明它如何借噪声场、粒子与力、参数变异、涌现复杂性来表达主张。
  • p5.js 单一 HTML:所有样式与代码内联,仅从 CDN 引入 p5.js;画布默认 1200×1200,浏览器直接打开即可运行。

关键步骤

  1. 提炼概念种子:从原始诉求中抽出一条内行才懂的隐线,织进参数与行为,而不是贴在表面当装饰。
  2. 固定交互骨架:种子导航区(上一/下一/随机/跳转指定种子)、重新生成、重置、下载 PNG,始终保留。
  3. 算法与控件随哲学生长:setup() / draw() 中的算法、params 参数对象、侧栏控件、可选配色控件,都从概念自然推导,而非套用现成图案。
  4. 可复现性优先:全程用 randomSeed(seed) 与 noiseSeed(seed),保证同一种子必产出一致结果。
  5. 工艺自检与变体探索:检查复杂与噪点的平衡、配色和谐、视觉层级、动画流畅度;需要精选时可加预设或并排缩略图画廊。

适用边界

它适合愿意接受代码方案的人:生成式图形、流场、粒子系统、噪声场,以及需要调参、换种子迭代的场景。如果你只要一张静态位图且不接受代码方案,请改用 canvas-design。严禁临摹、复制现有艺术家作品;所有输出须保证原创。

最终工件以结构化对象 AlgoArt 返回,包含 philosophy_md、html_artifact、seed、parameters、palette、frames,便于下游交给 theme-factory 或 brand-guidelines 统一视觉调性。

使用场景

  • 你要把“秩序从混沌中涌现”这类抽象概念,转成浏览器里可交互的动态视觉作品用于展览演示。
  • 你需要一件同种子必产出一致结果的生成作品,用来做可审计的发行海报和过程复盘。
  • 你想在已有审美意图上反复迭代种子与参数,找出最满意的变体而不用重写算法。
  • 你要交付一份前端可直接打开的自包含HTML作品,供团队在无额外环境下查看和调参。

适合人员

  • 创意编程工程师:想把一段审美意图交付为自包含、可交互、可复现的算法艺术作品。
  • 生成式设计师:需要把模糊主题转成 p5.js 作品与算法哲学文档,并保留参数与配色控制权。
  • 视觉研究员:在做噪声场、粒子系统或流场实验时,要求同种子结果一致以支撑实验记录。
  • 新媒体艺术创作者:希望在展览或演示现场提供种子导航与变体探索,让观众自主切换作品状态。