算法生成艺术
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/cn-algorithmic-art。
技能介绍
要解决什么问题
很多「生成图」流程停在静态构图或模板换色:美学写在 prompt 里,代码只是随机数装饰。真正想交付可复现、可探索的计算艺术时,你需要先把「这套系统相信什么」写成算法哲学,再用 p5.js 把过程跑起来——而不是先选图案菜单。
技能如何工作
工作流固定为两步,且第二步必须服从第一步:
- 算法哲学(
.md):根据用户意图写 4~6 段宣言式文档,命名运动(1~2 词),明确计算过程、噪声/粒子/场、时间演化与参数化变化;强调过程重于结果与种子变异,并预留实现空间。 - 推导概念种子:从原始请求里提取微妙、非字面的概念线索,织进参数与涌现模式(懂的人能感到,不懂的人仍觉得构图扎实)。
- p5.js 成品(单文件
.html):以templates/viewer.html为字面起点,保留 Anthropic 品牌 UI、种子导航与操作区,只替换算法与参数控件;内联 p5.js(CDN)、setup/draw、参数对象,实现 Art Blocks 式同种子同输出。
侧边栏约定:种子(上/下/随机/跳转)→ 可调参数滑块 → 可选调色 → 重新生成/重置/下载 PNG。
适用边界与注意点
- 目标是活的生成算法(约 90% 算法、10% 必要参数),不是带随机性的静态图。
- 不要从零写 HTML 或改模板固定布局;算法应从哲学推导,而非复制示例流场。
- 哲学段落需避免重复堆砌同一理论;工艺表述要具体,但别把实现细节写死,否则下一步没有创作余地。
使用场景
- 客户只给了氛围关键词,需要先写出算法哲学 `.md`,再交付可换种子探索的单文件交互 HTML。
- 课程作业要求说明「涌现/噪声/场」等计算观念,并配套可在浏览器里调参、导出 PNG 的 p5 草图。
- 品牌或展览需要 Art Blocks 式变体:固定算法与 UI,让观众用种子按钮浏览 1–100 号不同画面。
- 已有 `templates/viewer.html` 规范,要把新美学实现成内联算法,而不重写侧边栏与种子导航结构。
适合人员
- 用代码做视觉原型的前端工程师,希望哲学文档与 p5 实现步骤一致、同种子可复现
- 带生成艺术工作坊的讲师,需要学生先写宣言式算法哲学再交自包含 HTML 成品
- 向技术团队交付可演示素材的创意技术策划,要把抽象美学落成可调参的交互草图
- 做计算艺术 side project 的设计背景从业者,熟悉模板约束但不想从零搭 viewer 界面