算法生成艺术
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/algorithmic-art-zh。
技能介绍
要解决什么问题
生成艺术往往停在「随机出一张图」或套用固定模板,缺少可复现的计算世界观,也难在浏览器里用同一套算法探索变体。若你希望像 Art Blocks 那样用种子固定输出、用参数调节系统行为,同时把「为什么这样算」写成可读的宣言,而不是只交付静态 PNG,就需要一条从哲学到可执行草图的流水线。
技能如何工作
流程分两步,且第二步严格承接第一步的表述:
- 算法哲学(
.md)
为一次创作命名一种生成美学运动(如有机湍流、场动力学),用 4~6 段文字说明:计算流程、噪声与随机、粒子/场/力、时间演化、参数变体与涌现复杂性。强调过程重于成品——美从算法执行中涌现,每次运行可不同;并反复约束实现目标:算法应像经大量迭代打磨的大师级实现,而非随手噪声。
- p5.js 表达(单文件
.html)
在读懂 templates/viewer.html 的前提下,保留页眉、侧边栏、Anthropic 品牌样式、种子导航(上一个/下一个/随机/跳转)与操作区(重新生成、重置、下载 PNG);仅替换 p5 算法、参数对象与侧边栏中的 Parameters(及可选 Colors)。算法由哲学推导,而非从「图案菜单」选型;支持相同种子复现、参数实时更新,默认可在种子 1~100 间探索变体。
可选环节:从用户原始请求中提炼概念种子——把微妙主题引用织进参数与涌现行为,不喧宾夺主。
适用边界与注意点
- 产物目标是交互式生成艺术,不是带少量随机的静态插画;若只需一张图,本技能会过重。
- HTML 必须基于提供的 viewer 模板扩展,不宜从零写深色主题或改侧边栏结构,否则与技能约定不一致。
- 哲学文档与代码需自洽:参数应反映「系统可调性质」,而不是罗列无关滑块;实现前应先完成哲学,再写代码。
使用场景
- 展览或链上发行前,需要先写清生成美学宣言(Markdown),再交付带种子导航的单文件 p5 交互 HTML。
- 课程或工作坊作业要求:算法哲学文档 + 基于 `viewer.html` 的草图,且相同种子必须复现同一画面。
- 客户只给抽象主题或情绪词,需要提炼概念种子并落到粒子/流场/噪声类算法与侧边栏参数控件。
- 已有大致视觉方向但缺少可执行规范,要把「过程重于成品」写成哲学后再实现并探索种子 1~100 的变体。
适合人员
- 用 p5 做画廊或驻地项目、且必须附可读计算美学说明的创意技术从业者
- 布置生成艺术作业、要求学生保留模板侧边栏与种子复现规则的授课教师或助教
- 向甲方交付可在浏览器本地打开、可调参数与下载 PNG 的交互原型,而非单张效果图的品牌视觉设计师
- 习惯先定算法宣言再写代码、希望实现阶段不滑向「随机贴图」的独立生成艺术家