返回技能库
设
设计 / 创意编码精选
算法艺术生成器
用 p5.js 和可复现随机数，把抽象概念转成可交互的生成艺术作品。
技能说明
适合创意编码、生成艺术和交互视觉原型。会先写算法哲学，再生成带 seed 的 p5.js 单文件 HTML；需要浏览器/JavaScript 环境，模板可能含 Anthropic 视觉元素，发布前请确认品牌和第三方资源授权。
关于此技能
Anthropic 官方示例技能，用算法哲学、种子随机数和 p5.js 生成可交互的计算艺术。
核心能力
算法化创作
先提炼生成艺术理念，再用粒子、噪声、力场和参数化关系写成原创算法。
可复现交互
固定 seed 让结果可复现，并提供参数控件和重新生成等交互。
单文件交付
从仓库模板生成可直接在浏览器或 Claude Artifacts 打开的 HTML。
适用场景
生成海报与视觉实验
需要流场、粒子、几何或控制混沌风格的交互图形时使用。
创意编码原型
把概念、数学关系和视觉效果快速做成可展示的 p5.js 原型。
使用步骤
- 01
明确概念
从用户要求提炼主题和算法哲学，确定可调参数。
- 02
读取模板
先读取 templates/viewer.html 和 generator_template.js，保留约定的界面结构。
- 03
实现算法
使用带 seed 的随机数、p5.js 和参数控件完成单文件 HTML。
- 04
检查输出
在浏览器中打开并验证交互、可复现性和性能。
常见问题
需要安装 p5.js 吗？+
模板默认从 CDN 加载；没有网络时需改为本地资源。
能直接复制现成艺术家作品吗？+
不能；技能要求原创算法，避免照搬受版权保护的作品。
能用于商业项目吗？+
技能文件含 Apache 2.0 许可，但生成内容、第三方资源和品牌元素仍需单独确认授权。
安装命令
在 Claude Code 中执行 /plugin marketplace add anthropics/skills；/plugin install example-skills@anthropic-agent-skills；其他兼容 Agent 可复制 skills/algorithmic-art 目录适用平台与标签
Claude CodeClaude.aiAnthropic API兼容 Agent Skills#生成艺术#p5.js#创意编码#可视化