Skilloop
算法艺术 p5.js

示意封面由本站生成，真实效果请查看源仓库示例。

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮，一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/algorithmic-art 帮我做：用 p5.js 做生成艺术：流场、粒子、种子变体

示例对话，仅演示调用方式，不代表实际产出。

你会得到

  • 可复现的种子输出
  • 交互参数面板
  • 变体探索

适合

  • 用 p5.js 做生成艺术：流场、粒子、种子变体

不适合

  • 写实照片类图像

你需要

  • 只需浏览器打开 HTML
许可证
Apache-2.0
作者
@anthropics
来源
anthropics/skills/skills/algorithmic-art · ★ 179,820
支持:Claude CodeCodexCursorGemini CLIOpenCode

上游描述

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

其他安装方式

更喜欢自己动手？下面的命令和上方按钮效果相同。

安装提示词（粘贴给你的 Agent）
Read https://skilloop.dev/skills/algorithmic-art/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/anthropics/skills/tree/main/skills/algorithmic-art -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/anthropics/skills/tree/main/skills/algorithmic-art -g -a codex
手动安装（git） · Claude Code
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/skills
mkdir -p ~/.claude/skills && cp -r /tmp/skills/skills/algorithmic-art ~/.claude/skills/algorithmic-art

作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。

相关技能

品牌分享卡（OG 图）
ProSkilloop 原创
图片

品牌分享卡（OG 图）

符合品牌调性的 OG 分享卡：标题、字标、品牌色加一个视觉创意，精确裁成 1200x630。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
IP 角色文章封面
ProSkilloop 原创
图片

IP 角色文章封面

每张文章 / 周刊封面都是同一个 IP 角色：用文字版"角色设定"保证整个系列不跑形。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
DTC 产品首屏主视觉
ProSkilloop 原创
图片

DTC 产品首屏主视觉

为落地页与广告生成有艺术指导感的棚拍主视觉：灯光配方、品牌色布景、为标题留白。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
轮播图文套件
ProSkilloop 原创
图片

轮播图文套件

把干货清单或长帖变成风格统一的竖版轮播图：所有页共用同一份"风格锁"。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)