Algorithmic Art Skill
用 p5.js 创作生成艺术——流场、粒子系统、分层噪声。输出是一份会跑的交互式 sketch,不是静态图。
作者: Anthropic
来源: github.com
安装
npx degit anthropics/skills/skills/algorithmic-art ~/.claude/skills/algorithmic-art algorithmic-art 是 Anthropic 这套 skill 里最有野心的一个。
它不画一张图——它先写一份算法宣言,然后用 p5.js 表达成会跑的代码。
两步流程
- 算法宣言(
.md文件):命名一个运动(如「Organic Turbulence」「Quantum Harmonics」),用 4–6 段文字阐释哲学,描述它如何通过计算显形 - p5.js 表达(
.html+.js文件):写真正的 sketch,让宣言活起来。流场、噪声八度、粒子系统
擅长什么
- 生成艺术作品:流场、粒子系统、Voronoi、噪声
- 交互式 sketch:观看者可以调参数看涌现
- 独一无二的输出:每次渲染都不同(种子随机性)
反直觉的几点
- skill 坚持不输出静态图片。美在过程里,不在最后一帧。
- 主动回避复刻已有艺术家风格——每个输出都是原创的计算美学。
搭配使用
web-artifacts-builder:把 sketch 包进一个有样式的 artifacttheme-factory:给生成输出套一个一致的色板frontend-design:设计周围的界面
策展笔记
这是这堆 skill 里最”艺术学院派”的一个。别指望可预测的输出——这正是重点。 适合用来做 hero 图、社交媒体头图,或者纯粹欣赏 2026 年算法美学的样子。
调用示例
用 algorithmic-art 设计一件叫「Quantum Harmonics」的生成艺术。
粒子系统 + 分层 Perlin 噪声。色彩从速度涌现——快粒子明亮,慢粒子隐入阴影。
相关 Skill
art code macos
daymade Capture Screen Skill
macOS 窗口级截图自动化。按窗口截图,可脚本化,可重复。作者:@daymade。
art animation code
daymade CLI Demo Generator Skill
程序化录制终端演示,用于 README 和文档。基于 VHS——写脚本,每次都得到完美 GIF。作者:@daymade。
art brand icon
daymade LLM Icon Finder Skill
找任意 AI / LLM 品牌图标——Claude、OpenAI、Gemini、Grok、Mistral、Meta、NVIDIA 等 100+ 品牌,含 SVG/PNG,浅色/深色变体。作者:@daymade。