企业官网建设流程全解析

生成艺术入门：1 个仓库跑通算法艺术全流程

【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills

skills3/skills 是一个开源 AI 技能集，其中两个模块正好覆盖"用代码做艺术"：algorithmic-art 是算法艺术工具链，基于 p5.js 做生成艺术，支持种子随机与参数实时预览；canvas-design 是 Canvas 设计模块，内置 40 多套专业字体，可导出 PNG/PDF 高分辨率作品。新手学这块常卡两点——效果下次就变了没法复现、想微调却找不到下手处——这两个模块把这两件事都变成了固定流程。

git clone https://gitcode.com/GitHub_Trending/skills3/skills

一件生成艺术是怎么诞生的：先"宣言"，后代码

这套技能不让 AI 直接上手画，而是拆成两步，顺序不能反：

先写一份 4–6 段的"算法哲学"

第一步产出一个 .md 文件：给创作起个两三个字的名字（如"递归低语"——自相似结构在有限空间里无限展开），再写清它靠什么计算过程表达：分形细分、黄金比例约束、噪声扰动……一句话定义：算法哲学就是先定审美规则，再让代码去执行规则。这一步决定了后面代码往哪个方向长。

同一份宣言，再生成能跑的 HTML

第二步把哲学写成 p5.js 算法，套进现成的查看器模板，得到一个自包含的 HTML 文件：算法、滑块、种子按钮全部内联，双击即开，不需要服务器。模板在skills/algorithmic-art/templates/，注释标明了哪些保留、哪些替换，不用从零搭界面。

三步跑通第一个 p5.js 生成作品 🎨

锁种子：换个编号，画不同的画

生成艺术的"随机"不等于不可控。用randomSeed(12345)把随机数发生器锁到某个编号，同编号永远出同一幅画；改成 12346，构图全变、风格还在。种子就是作品的存档位——想收藏某个效果，记编号即可。侧边栏内置了上一颗、下一颗、随机、跳转按钮，连试 100 个变体很顺手。

调参数并保存：滑块实时重绘

每个作品定义一组参数：粒子数量、噪声尺度、主色……面板滑块一拖就重绘，不用改代码。建议先定 2–3 个最关键的量，范围设窄，一次只动一个，否则分不清是谁在起作用。满意后点侧边栏的下载按钮存 PNG，或只记种子号，随时跳回复现。

如何管理你的种子编号

种子多了会乱，几个实用习惯：

• 用有含义的编号：比如按日期起步，当天出的好作品都好找
• 只留"值得留"的种子，翻过就忘的过程稿不用记
• 想批量探索，让查看器一次生成 1–100 号种子，挑中意的单独记下

一句话：编号即地址，作品即可复现，种子管理就是给随机性建索引。

Canvas 视觉设计：40+ 字体出静态海报 🖼

从 canvas-fonts 里挑字体

skills/canvas-design/canvas-fonts/下有 40 多套已授权字体，展示体、衬线、等宽都有。选字体的原则是少：一张海报最多两种，一种扛大标题的冲击力，一种管小字说明，其余信息交给色块和留白。

导出高分辨率 PNG 或 PDF

最终产出是单页 .png 或 .pdf，按高分辨率画布渲染，可直接印刷或当壁纸。流程和算法艺术模块一致：先写设计哲学、再落画布，且文字越少越好——颜色、形状和空间才是主角。

如果你一直想试试用代码画画，这个仓库把查看器界面、种子控制、字体授权、输出格式这些样板活都替你做好了：你只需想清楚画什么，剩下按流程跑完，拿到的就是一个能反复调整、随时复现的作品文件。

【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills