Agent Skills
返回列表
算法生成艺术工坊

算法生成艺术工坊

设计多媒体 更新于 2026.08.30

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

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

技能介绍

要解决什么问题

很多「生成艺术」流程停在静态图或模板拼贴:随机数叠图层,看不出一套可复现、可讨论的计算美学。若你希望先确立一种可被代码执行的生成范式(噪声场、粒子、力场、参数化混沌),再落成可在浏览器里调种子、调参的 p5.js 作品,就需要把「宣言」和「实现」拆开又连贯。

技能如何工作

工作流分两步,且第二步严格承接第一步的哲学文本:

  1. 算法哲学(.md):为运动命名(1~2 词),写 4~6 段宣言,说明美学如何通过计算过程表达——例如 Perlin 噪声驱动的流场、相位干涉、递归细分、向量场迹线、Voronoi/圆堆积松弛等。强调过程重于单帧、种子可复现,并明确要求实现侧应像经大量迭代打磨的算法,而非随手噪声。
  2. 概念种子提炼:在写代码前,从用户原始意图里抽出一条含蓄、可嵌入参数与涌现行为的概念线,供熟悉者感知、路人仍觉作品完整。
  3. p5.js 交互产物(单文件 HTML):必须先以 templates/viewer.html 为字面起点(保留 Anthropic 品牌区、侧栏 Seed/参数/操作结构),只替换算法与参数 UI。算法应约 90% 由生成逻辑驱动、10% 为必要参数;同一 seed 必须始终得到相同画面。

产出物为:哲学 markdown + 自包含、可立即在浏览器或 Artifact 中打开的 HTML。

适用边界与注意点

  • 本技能面向活体算法与交互草图,不是批量出静态海报或套模板换色。
  • HTML 侧禁止从零写页面或改暗色主题/侧栏骨架;偏离模板会增加与后续维护、品牌一致性的冲突。
  • 哲学段落需避免概念重复堆砌;实现应让哲学决定用什么结构(涌现、谐波、受控混沌等),而不是从「图案菜单」里挑一个。

使用场景

  • 课程或工作坊要求先写生成艺术「宣言」,再交付可在浏览器调种子、调参的 p5 交互草图
  • 需要把客户给的抽象美学关键词落成可复现的 HTML 演示,用于提案页或内部分享
  • 在 Art Blocks 式思路下原型验证:固定算法 + 种子参数,确认同 seed 画面一致后再对外展示
  • 为个人作品集补一篇算法哲学说明,并配套基于 `viewer.html` 模板的单文件生成艺术页面

适合人员

  • 教创意编程的教师,希望学生先定义算法哲学再实现,避免直接堆随机图层交作业
  • 用 p5 做系列作品的数字艺术家,需要种子可控、可复述美学的交互稿而非单张导出图
  • 前端工程师负责活动或产品落地页,要在保留模板侧栏与品牌结构的前提下嵌入生成算法
  • 研究计算美学或生成设计的研究生,要把场、粒子、噪声等概念写成可执行的宣言与代码表达