Agent Skills
返回列表
🎨

算法生成艺术

设计多媒体 更新于 2026.08.30

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

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

技能介绍

要解决什么问题

生成艺术往往停在「随机出一张图」或套用固定模板,缺少可复现的计算世界观,也难在浏览器里用同一套算法探索变体。若你希望像 Art Blocks 那样用种子固定输出、用参数调节系统行为,同时把「为什么这样算」写成可读的宣言,而不是只交付静态 PNG,就需要一条从哲学到可执行草图的流水线。

技能如何工作

流程分两步,且第二步严格承接第一步的表述:

  1. 算法哲学(.md)

为一次创作命名一种生成美学运动(如有机湍流、场动力学),用 4~6 段文字说明:计算流程、噪声与随机、粒子/场/力、时间演化、参数变体与涌现复杂性。强调过程重于成品——美从算法执行中涌现,每次运行可不同;并反复约束实现目标:算法应像经大量迭代打磨的大师级实现,而非随手噪声。

  1. p5.js 表达(单文件 .html)

在读懂 templates/viewer.html 的前提下,保留页眉、侧边栏、Anthropic 品牌样式、种子导航(上一个/下一个/随机/跳转)与操作区(重新生成、重置、下载 PNG);仅替换 p5 算法、参数对象与侧边栏中的 Parameters(及可选 Colors)。算法由哲学推导,而非从「图案菜单」选型;支持相同种子复现、参数实时更新,默认可在种子 1~100 间探索变体。

可选环节:从用户原始请求中提炼概念种子——把微妙主题引用织进参数与涌现行为,不喧宾夺主。

适用边界与注意点

  • 产物目标是交互式生成艺术,不是带少量随机的静态插画;若只需一张图,本技能会过重。
  • HTML 必须基于提供的 viewer 模板扩展,不宜从零写深色主题或改侧边栏结构,否则与技能约定不一致。
  • 哲学文档与代码需自洽:参数应反映「系统可调性质」,而不是罗列无关滑块;实现前应先完成哲学,再写代码。

使用场景

  • 展览或链上发行前,需要先写清生成美学宣言(Markdown),再交付带种子导航的单文件 p5 交互 HTML。
  • 课程或工作坊作业要求:算法哲学文档 + 基于 `viewer.html` 的草图,且相同种子必须复现同一画面。
  • 客户只给抽象主题或情绪词,需要提炼概念种子并落到粒子/流场/噪声类算法与侧边栏参数控件。
  • 已有大致视觉方向但缺少可执行规范,要把「过程重于成品」写成哲学后再实现并探索种子 1~100 的变体。

适合人员

  • 用 p5 做画廊或驻地项目、且必须附可读计算美学说明的创意技术从业者
  • 布置生成艺术作业、要求学生保留模板侧边栏与种子复现规则的授课教师或助教
  • 向甲方交付可在浏览器本地打开、可调参数与下载 PNG 的交互原型,而非单张效果图的品牌视觉设计师
  • 习惯先定算法宣言再写代码、希望实现阶段不滑向「随机贴图」的独立生成艺术家