
Anthropic 官方技能库里有个 algorithmic-art 技能:你用一句话说个主题,它先写一份 4 到 6 段的“算法艺术哲学”,再把这份哲学变成一段 p5.js 素描、装进一个单页 HTML 查看器。AI Parabellum 11 月 6 日用 Claude Code v2.1.318 + 该技能(anthropics/skills 仓库,commit ca45fc4,2026-10-28)实测了一轮,全程在一次性沙盒项目里跑。
安装有两路:把仓库里 skills/algorithmic-art 文件夹拷进项目的 .claude/skills/,或者走插件路线 /plugin marketplace add anthropics/skills 再 /plugin install example-skills@anthropic-agent-skills;敲 /skills 确认加载(约 110 token)。实测提示词是:“Use the algorithmic-art skill to make generative art inspired by a quiet tide pool at dawn.”Claude 先写了 5 段哲学,起名“Slack Water”(退潮间隙的静水),再按技能模板生成 tidepool.html。作者用无头 Chrome 打开验证:默认种子 12345,侧栏有 8 个滑杆、3 个取色器,Prev / Next / Random / Reset / Download PNG 五个按钮都在;点 Next 到种子 12346,海岸线、生物数量和位置全变,光线和配色不变;把 Tide Level 拉到最小 0.7、Creatures 拉到最大 40,池子缩成一个挤满生物的小碗。
三个坑要先知道:页面从 CDN 加载 p5.js、从 Google Fonts 加载字体,离线打开是一片空白;水滴和涟漪用的是没加种子的 random(),每次运行都不一样,种子只固定布局;Claude 自己也老实交代了——它只对脚本做了 Node 语法检查,并没有在浏览器里打开看过效果。所以拿到页面后一定要自己打开验一遍再分享。复现提示词照抄这句就行,换个主题试试:“Use the algorithmic-art skill to make generative art inspired by rain on a city window at night.”技能自带的点子还有风吹麦田的流场、黄昏萤火虫的粒子、窗上霜花的分形。站内相关:Anthropic 官方技能库安装与 Word / Excel / PDF 实测、技能、子代理、插件到底怎么选。更多细节见 AI Parabellum 原文 与 GitHub 仓库 anthropics/skills。
来源:AI Parabellum,原文:https://aiparabellum.com/claude-code-algorithmic-art-skill-make-generative-art-p5js/


没有回复内容