一、基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 正式名称 | algorithmic-art | 合集仓库子目录名 |
| 所属合集仓库 | anthropics/skills（Anthropic 官方 Agent Skills 公开仓库） | GitHub |
| 作者/维护者 | Anthropic | GitHub |
| 来源链接 | https://github.com/anthropics/skills/tree/main/skills/algorithmic-art | — |
| 许可证 | Apache License 2.0 | LICENSE.txt |
| 所属仓库整体 Stars/Forks | 160,939 / 19,000（合集仓库规则：不计入本技能个体热度评分，仅供了解仓库规模） | GitHub API |
| 该技能自身活跃度 | 标题/正文含 “algorithmic-art” 的 Issue 11 条、PR 18 条 | GitHub Search API |
| 安装量 | 第三方安装统计站 skills.sh 显示 66.0K 次安装，与同仓库的 brand-guidelines（66.1K）相近，略低于同仓库的 theme-factory（67.8K）、canvas-design（86.1K） | skills.sh |
| 最新版本 | 无独立版本号，随仓库滚动更新；该子目录最近一次改动 2026-04-20 | GitHub API（按路径查询提交历史） |
| 安装方式 | Claude Code 插件市场一条命令安装（见第十章） | 官方仓库 marketplace.json |
二、功能介绍与亮点
algorithmic-art 是 Anthropic 官方 Agent Skills 仓库中的生成艺术创作技能，采用“先立哲学、后写代码”的两阶段流程：
- 算法哲学构思：先让 Claude 撰写一份 4-6 段的“算法哲学”宣言，用文字定义这次创作的计算美学理念（如流场、粒子系统、噪声晶格、递归分形等方向），而非直接甩出随机参数
- p5.js 代码表达：再把这套哲学转译为具体的生成算法代码，输出单个自包含 HTML 文件（内嵌 p5.js，从 CDN 加载），无需任何环境搭建即可在浏览器或 claude.ai artifact 中直接运行
- 种子（Seed）导航系统：内置上一个/下一个/随机/跳转到指定种子等控件，同一套算法可探索无数种视觉变体，且相同种子必然复现相同画面，便于分享与复现
- 实时参数面板：滑杆、颜色选择器等控件可实时调节画面，并支持一键导出 PNG
- 配套模板：附带
templates/viewer.html与generator_template.js两份参考模板，规范交互 UI 结构与 p5.js 代码组织方式，保证不同请求产出的作品有统一、专业的呈现效果
亮点：① 官方出品，Apache 2.0 完全开源；② 纯前端 HTML/JS 单文件产出，零后端依赖、零环境搭建；③ “先立意后实现”的设计让每次生成的作品有内在美学逻辑，而非随机噪点堆砌；④ Seed 机制保证结果可复现、可分享；⑤ 第三方统计显示 6.6 万次安装，该子目录自身持续有 11 条 Issue、18 条 PR 讨论，非冷门弃置项目。
三、适用场景
固定分类：前端与设计
面向没有美术/生成艺术背景，但想为个人网站背景、演示文稿封面、桌面壁纸、社交媒体头图、黑客松/产品 Demo 展示制作独特视觉素材的初中级开发者与独立创作者；也适合作为学习 Perlin 噪声、流场、L-system 等生成艺术算法概念的交互式教学工具。由于产出是自包含单文件 HTML，非技术用户也可直接双击在浏览器中打开使用，无需安装任何软件。
四、跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | 官方仓库通过插件市场一条命令安装；SKILL.md 全文围绕“下一个 Claude”承接哲学并写代码的两阶段协作流程设计 |
| Codex | 未验证 | 已抓取材料未提及 Codex 专门支持，本次未为兼容性单独发起搜索 |
| OpenClaw | 未验证 | 同上 |
| Hermes Agent | 未验证 | 同上 |
五、推荐理由
市面上不少 AI 生成的“生成艺术”只是甩一段随机数代码，视觉效果参差不齐、缺乏内在逻辑。algorithmic-art 用强制的两阶段流程——先构思美学哲学、再据此写代码——让 Claude 产出的作品有明确的立意和技术手法，而不是简单噪声堆叠。同一官方仓库中的姊妹技能各有侧重：brand-guidelines 专注套用 Anthropic 自有品牌色，slack-gif-creator 专注制作 Slack 规格动图，二者都被特定品牌或平台格式锁定；algorithmic-art 则是这批官方技能中唯一面向“从零创作原创视觉内容”的选择，不依赖任何预设品牌或平台限制，适用面更广。6.6 万次第三方统计安装量、11 条 Issue + 18 条 PR 的持续社区反馈，说明这是一个被实际使用、而非被搁置的示例项目。产出的单文件 HTML 完全自包含、开箱即用，初学者也能立刻上手体验生成艺术的乐趣。
六、评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 8 | 官方出品；skills.sh 显示 6.6 万次安装，与同仓库 brand-guidelines 相近；该子目录自身 11 条 Issue + 18 条 PR，社区反馈持续 |
| 可用性 | 9 | 插件市场一条命令安装；SKILL.md 文档详尽（含哲学构思示例、p5.js 实现规范、UI 模板说明）；仓库最近一次改动 2026-04-20，在近 3 个月维护窗口内；产出单文件 HTML，无需任何付费依赖或额外环境搭建 |
| 安全性 | 9 | 见下方安全检查清单 |
| 综合评分 | 8.7 | 三项均值 |
安全检查清单：
| 检查项 | 结果 |
|---|---|
| ① Shell 命令与权限范围 | 无——技能本身不执行任何 shell 命令，仅指导 Claude 撰写 .md（哲学）与 .html/.js（p5.js 代码）文件 |
| ② 运行时联网外发 | 技能生成流程本身不联网；产出的 HTML 文件在用户浏览器中打开时会从 cdnjs.cloudflare.com 加载 p5.js 库（SKILL.md 中明确说明，属公开透明的标准 CDN 引用，非数据外发） |
| ③ API Key/凭据 | 不需要任何 API Key 或凭据 |
| ④ 可疑指令排查 | 已抓取 SKILL.md 全文（404 行），内容全部为艺术哲学构思与 p5.js 编码规范说明，未发现 prompt injection 或试图越权/窃取数据的迹象 |
| ⑤ 作者/组织信誉 | Anthropic 官方发布，信誉最高档 |
| ⑥ License | Apache License 2.0，权利义务明确 |
| ⑦ 最近维护 | 该子目录最近一次改动 2026-04-20（运行当天前约 12 周）；仓库整体持续活跃（昨日仍有提交），无弃置风险 |
技能本体为纯文本/模板类指令，不执行任何本地代码；产出物为标准前端页面，唯一的外部依赖是浏览器端公开 CDN，风险可控，安全性评分 9 分（未给满分，因产出内容含可执行 JS 代码，风险面略高于纯静态文本类技能）。
七、跟同类 Skills 相比的优势
| 对比对象 | 定位 | 与本 skill 的差异 |
|---|---|---|
| brand-guidelines（同仓库姊妹技能） | 套用 Anthropic 自有品牌色与字体规范到任意素材 | 局限于 Anthropic 品牌视觉，不面向原创内容生产；algorithmic-art 从零生成独特生成艺术，不依赖任何预设品牌 |
| slack-gif-creator（同仓库姊妹技能） | 制作符合 Slack 规格（尺寸/帧率/体积限制）的动画 GIF | 产出格式与受众被 Slack 平台规格锁定；algorithmic-art 产出自包含交互 HTML，不受特定平台格式限制 |
| web-asset-generator（外部候选，GitHub 454 stars） | 从 Logo/文字/emoji 批量生成 favicon、App 图标、社交媒体配图等实用型网页资产，需本地 Python 环境 | 面向“实用资产量产”，风格由输入素材决定；algorithmic-art 面向“原创艺术表达”，风格由算法哲学驱动，二者是“实用”与“创作”的不同定位，非直接竞品 |
核心差异化：algorithmic-art 是这批官方技能中唯一定位“原创生成艺术创作”的技能——不像 brand-guidelines/slack-gif-creator 被特定品牌或平台格式锁定，也不像 web-asset-generator 那样面向实用资产批量生产、且需要本地 Python 环境，algorithmic-art 普适性和创作自由度最高，产出即开即用。
八、用户评价
本次完成 1 次专门检索，结果主要来自 LobeHub、claudeskills.org、mcpmarket.com、skillshubmcp.com 等技能目录聚合站点对功能的模板化转述（部分聚合站点展示了未经验证来源的“评分/评论数”标签），未见具备个人体验色彩、来源可独立验证的真实用户评价。如实说明：本次未收集到足够的独立个人使用评价，不为凑数编造，也不采信聚合站点未经验证的合成评分。
九、其他补充
同一插件包 example-skills@anthropic-agent-skills 会同时安装 algorithmic-art、brand-guidelines、canvas-design、doc-coauthoring、internal-comms、mcp-builder、skill-creator、slack-gif-creator、theme-factory、web-artifacts-builder、webapp-testing 等技能，一次安装即可获得完整的官方示例技能集合。
十、安装使用方式
Claude Code 插件市场（推荐）：
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills也可直接克隆仓库后将 skills/algorithmic-art 目录复制到项目的 .claude/skills/ 下手动启用。
安装后注意事项： 安装后无需重启，向 Claude 提出“帮我做一个生成艺术壁纸”“给这个网页加个抽象背景动画”等请求即可触发；产出的 HTML 文件可直接双击用浏览器打开，也可作为 claude.ai artifact 直接查看和交互。
十一、注意事项
- 该技能是“合集仓库中的一个子技能”，来源链接务必使用本报告给出的子目录级链接，而非仓库根链接；
- 两阶段流程（先哲学后代码）会让单次生成耗时略长于直接甩一段随机代码，追求“立刻出图”的场景可能感觉稍有仪式感；
- 生成的 HTML 运行时会从 CDN（cdnjs.cloudflare.com）加载 p5.js 库，完全离线的环境需自行改造为本地引用；
- 本次未能收集到具备个人体验色彩的独立用户评价，实际效果建议自行小范围试用后判断；
- Codex、OpenClaw、Hermes Agent 的兼容性本次未获得可验证材料，如需在其他 Agent 环境使用请自行测试。