algorithmic-art

使用 p5.js 创建算法艺术,具有种子随机性和交互式参数探索。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术,而不是复制现有艺术家的作品,以避免侵犯版权。

提供方:anthropics/skills调用次数:7.0k收藏:268更新:2026/08/28

技能说明anthropics/skills

使用 p5.js 创建算法艺术,具有种子随机性和交互式参数探索。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术,而不是复制现有艺术家的作品,以避免侵犯版权。

# algorithmic-art 技能说明

## 技能简介
本技能用于使用 p5.js 创建算法艺术(Generative Art)。它通过“先构建算法哲学、再用代码表达”的两步流程,帮助用户生成具有种子随机性、交互参数探索特点的原创艺术作品,适用于流场、粒子系统等生成式艺术场景。

## 使用场景
- 用户想用代码创作艺术、生成艺术或算法艺术
- 需要实现流场(flow field)或粒子系统等视觉特效
- 希望探索噪声、随机种子、参数变化带来的可控美学
- 需要生成可交互的 p5.js 艺术查看器(HTML + JS)
- 创作原创生成艺术,避免复制现有艺术家作品

## 使用方法
该技能无需额外安装命令。当用户提出相关请求时,直接按以下流程触发:

1. **算法哲学生成**:先输出一个 `.md` 文件,定义艺术运动的名称(如“Organic Turbulence”)和核心哲学(4-6 段),阐明算法方向(噪声、粒子、力场、递归等),并强调最终代码须达到“精雕细琢、大师级实现”的标准。
2. **代码表达**:根据哲学生成 `.html` 查看器和 `.js` 生成算法文件。代码应遵循 **90% 算法生成 + 10% 关键参数** 的原则,使用 p5.js 实现粒子、噪声场、分形或场地演化等效果。
3. **交互与随机性**:加入种子随机机制,允许用户调整参数或重置随机种子,以探索不同变化。

示例工作流:用户请求“生成一个流场粒子艺术” → 技能先输出算法哲学(如“Field Dynamics”)→ 再输出包含 Perlin 噪声流场、粒子轨迹渐隐效果的 p5.js 代码与交互页面。

## 注意事项
- **原创性**:仅创建原创算法艺术,不得复制现有艺术家的作品,避免版权问题。
- **哲学先行**:不要直接输出静态图像或模板,必须先定义算法哲学,再指导代码生成。
- **质量要求**:最终算法应体现精细的工艺感,避免冗余描述或重复的算法概念。