aipptskill.

Algorithmic Art Skill

用 p5.js 创作生成艺术——流场、粒子系统、分层噪声。输出是一份会跑的交互式 sketch,不是静态图。

作者: Anthropic

来源: github.com

安装

npx degit anthropics/skills/skills/algorithmic-art ~/.claude/skills/algorithmic-art
Algorithmic Art Skill

algorithmic-art 是 Anthropic 这套 skill 里最有野心的一个。 它不画一张图——它先写一份算法宣言,然后用 p5.js 表达成会跑的代码。

两步流程

  1. 算法宣言(.md 文件):命名一个运动(如「Organic Turbulence」「Quantum Harmonics」),用 4–6 段文字阐释哲学,描述它如何通过计算显形
  2. p5.js 表达(.html + .js 文件):写真正的 sketch,让宣言活起来。流场、噪声八度、粒子系统

擅长什么

  • 生成艺术作品:流场、粒子系统、Voronoi、噪声
  • 交互式 sketch:观看者可以调参数看涌现
  • 独一无二的输出:每次渲染都不同(种子随机性)

反直觉的几点

  • skill 坚持不输出静态图片。美在过程里,不在最后一帧。
  • 主动回避复刻已有艺术家风格——每个输出都是原创的计算美学。

搭配使用

  • web-artifacts-builder:把 sketch 包进一个有样式的 artifact
  • theme-factory:给生成输出套一个一致的色板
  • frontend-design:设计周围的界面

策展笔记

这是这堆 skill 里最”艺术学院派”的一个。别指望可预测的输出——这正是重点。 适合用来做 hero 图、社交媒体头图,或者纯粹欣赏 2026 年算法美学的样子。

调用示例

用 algorithmic-art 设计一件叫「Quantum Harmonics」的生成艺术。
粒子系统 + 分层 Perlin 噪声。色彩从速度涌现——快粒子明亮,慢粒子隐入阴影。

相关 Skill