mcpField
A
algorithmic-art

algorithmic-art

github.com/podo创意与媒体29165 次安装3 天前更新
代码仓库

关于 algorithmic-art

algorithmic-art 是 Anthropic 提供的生成艺术技能，面向使用 p5.js 进行创意编程和视觉实验的人。它先构思作品理念，再生成带随机种子和参数控件的交互式 HTML 及 JavaScript。

主要功能

  1. 01先撰写作品理念宣言
  2. 02生成 p5.js 艺术代码
  3. 03创作流场与粒子系统
  4. 04通过随机种子复现结果
  5. 05输出带参数控件的交互式查看器

适用场景

  1. 01制作程序化插画
  2. 02实验流场和粒子效果
  3. 03构建可调参数的生成艺术作品

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill algorithmic-art

安装后在 Claude Code 中输入/algorithmic-art确认已加载。

附带文件stub.yaml

详细介绍

algorithmic-art

目录存根 — 完整技能：anthropics/skills

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 algorithmic-art 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测作用域，然后安装：

    [ -e ~/.agents/skills/algorithmic-art ] && echo "global" || echo "project"

    全局：

    npx skills add anthropics/skills --skill algorithmic-art -g -y

    项目：

    npx skills add anthropics/skills --skill algorithmic-art -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行命令。

注意事项

  • 许可证： Apache-2.0（该技能自带 LICENSE.txt；仓库没有根目录许可证）

安装后调用

  • 技能名称：algorithmic-art
  • 触发短语："algorithmic art"、"generative art"、"p5.js"、"flow field"、"particle system"

功能

Anthropic 官方技能，可用于使用 p5.js 创作生成艺术。它分两步完成：首先撰写一份“算法哲学”（为作品编写的简短宣言），然后将该哲学转化为使用随机种子的 p5.js 代码，包括流场、粒子系统和几何级数。输出包括一个交互式 HTML 查看器和生成式 JS，并提供参数控件。随机种子可确保输出可复现，同时保留有机变化。适用于创意编程、视觉实验和程序化生成插画。

不适用场景

  • 静态海报或 PNG/PDF 格式的视觉艺术 → 使用 anthropics-skills（canvas-design）
  • 实时 3D 或着色器工作 → 使用 motion-catalogue 选择 Three.js 或着色器技能

评论

支持 Markdown