算法生成艺术工坊
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_c7792f99/algorithmic-art-11。
技能介绍
要解决什么问题
很多「生成艺术」流程停在静态图或模板拼贴:随机数叠图层,看不出一套可复现、可讨论的计算美学。若你希望先确立一种可被代码执行的生成范式(噪声场、粒子、力场、参数化混沌),再落成可在浏览器里调种子、调参的 p5.js 作品,就需要把「宣言」和「实现」拆开又连贯。
技能如何工作
工作流分两步,且第二步严格承接第一步的哲学文本:
- 算法哲学(
.md):为运动命名(1~2 词),写 4~6 段宣言,说明美学如何通过计算过程表达——例如 Perlin 噪声驱动的流场、相位干涉、递归细分、向量场迹线、Voronoi/圆堆积松弛等。强调过程重于单帧、种子可复现,并明确要求实现侧应像经大量迭代打磨的算法,而非随手噪声。 - 概念种子提炼:在写代码前,从用户原始意图里抽出一条含蓄、可嵌入参数与涌现行为的概念线,供熟悉者感知、路人仍觉作品完整。
- p5.js 交互产物(单文件 HTML):必须先以
templates/viewer.html为字面起点(保留 Anthropic 品牌区、侧栏 Seed/参数/操作结构),只替换算法与参数 UI。算法应约 90% 由生成逻辑驱动、10% 为必要参数;同一 seed 必须始终得到相同画面。
产出物为:哲学 markdown + 自包含、可立即在浏览器或 Artifact 中打开的 HTML。
适用边界与注意点
- 本技能面向活体算法与交互草图,不是批量出静态海报或套模板换色。
- HTML 侧禁止从零写页面或改暗色主题/侧栏骨架;偏离模板会增加与后续维护、品牌一致性的冲突。
- 哲学段落需避免概念重复堆砌;实现应让哲学决定用什么结构(涌现、谐波、受控混沌等),而不是从「图案菜单」里挑一个。
使用场景
- 课程或工作坊要求先写生成艺术「宣言」,再交付可在浏览器调种子、调参的 p5 交互草图
- 需要把客户给的抽象美学关键词落成可复现的 HTML 演示,用于提案页或内部分享
- 在 Art Blocks 式思路下原型验证:固定算法 + 种子参数,确认同 seed 画面一致后再对外展示
- 为个人作品集补一篇算法哲学说明,并配套基于 `viewer.html` 模板的单文件生成艺术页面
适合人员
- 教创意编程的教师,希望学生先定义算法哲学再实现,避免直接堆随机图层交作业
- 用 p5 做系列作品的数字艺术家,需要种子可控、可复述美学的交互稿而非单张导出图
- 前端工程师负责活动或产品落地页,要在保留模板侧栏与品牌结构的前提下嵌入生成算法
- 研究计算美学或生成设计的研究生,要把场、粒子、噪声等概念写成可执行的宣言与代码表达