用代码画画：这个 Skill 让 Claude 秒变生成艺术玩家

最近发现一个特别对口的 Skill：design-generative-art。它不是那种“输入提示词出图”的普通 AI 绘图工具，而是把 算法本身当成画笔，让 Claude 用 p5.js、Canvas API、SVG 写出可复现的生成艺术。

它到底能干什么？

如果你想要：
– flow fields / 粒子流场
– 递归细分几何图案
– circle packing 圆形密铺
– L-System 分形树/植物

以前你可能要手动写 Processing 或打开 p5.js 编辑器调半天。装了這個 Skill 之后，直接在 Cursor 或 Claude Code 里说一句“帮我生成一幅 flow field generative art”，它就会：
1. 先检查项目里有没有现成的 Canvas/WebGL 管道
2. 按 seed 随机数 生成可复现的作品
3. 输出带参数的交互式画布

最关键的是——同一个 seed 永远出同一幅图，方便你微调风格后对比效果。

为什么我会推荐它？

我平时做 AIGC 内容时最烦的就是“每次生成都不一样，没法稳定迭代”。这个 Skill 解决了两个痛点：
– 确定性随机：用 mulberry32 这类 seeded RNG，换台机器也能复现同一张图
– 参数化控制：density / palette / scale / complexity 全可调，调参变成填空题

代码里还给了现成的 flow field、circle packing、L-System 模板，不是抽象概念，是拿来就能改的 TypeScript 代码。

适合谁用？

• 设计师：想快速出 algorithmic branding pattern / generative poster
• 前端开发者：想在网站里加程序化动态背景
• 创意编程爱好者：想用噪声函数、分形做视觉实验

怎么玩？

# Cursor / Claude Code 安装
npx skills add kensaurus/cursor-kenji

装完后直接让 Claude 说“生成一幅带 seed 的 flow field art”，它会先查项目里有没有现成 canvas 代码，再输出可渲染结果，不会瞎写重复逻辑。

GitHub 开源地址：https://github.com/kensaurus/cursor-kenji/tree/main/skills/design-generative-art

一句话总结：不想学 p5.js 也能用代码做生成艺术，这个 Skill 是最快上车姿势。

GitHub: https://github.com/kensaurus/cursor-kenji/tree/main/skills/design-generative-art