菜单
使用p5.js创建带有种子随机和交互式参数探索的算法艺术。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创建原创算法艺术，而不是复制现有艺术家的作品，以避免侵犯版权。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/linxuan-sys/opencode-skills-chinese --skill algorithmic-art命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | algorithmic-art |
| description | 使用p5.js创建带有种子随机和交互式参数探索的算法艺术。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创建原创算法艺术，而不是复制现有艺术家的作品，以避免侵犯版权。 |
| license | 完整条款见LICENSE.txt |
算法哲学是计算美学运动，然后通过代码表达。输出.md文件（哲学）、.html文件（交互式查看器）和.js文件（生成算法）。
这分为两个步骤：
首先，承担以下任务：
开始之前，创建一种算法哲学（不是静态图片或模板），它将通过以下方式被诠释：
考虑这种方法：
哲学必须强调：算法表达。涌现行为。计算之美。种子变化。
命名运动（1-2个词）："有机湍流"/"量子谐波"/"涌现静谧"
阐述哲学（4-6段——简洁但完整）：
要捕捉算法本质，表达这种哲学如何通过以下方面体现：
关键指南：
哲学必须引导下一个版本通过算法表达想法，而不是通过静态图片。美存在于过程中，而不是最终画面。
"有机湍流" 哲学：受自然规律约束的混沌，秩序从混乱中涌现。 算法表达：由分层Perlin噪声驱动的流场。数千个粒子跟随矢量力，它们的轨迹累积成有机密度图。多个噪声倍频程创建湍流区域和平静区域。颜色从速度和密度中涌现——快速粒子明亮燃烧，慢速粒子 fades 到阴影。算法运行直到平衡——一个精心调优的平衡，每个参数都通过计算美学大师的无数次迭代打磨而成。
"量子谐波" 哲学：表现出类波干涉模式的离散实体。 算法表达：在网格上初始化的粒子，每个携带通过正弦波演化的相位值。当粒子靠近时，它们的相位干涉——相长干涉创建明亮节点，相消干涉创建空洞。简谐运动生成复杂的涌现曼陀罗。这是精细频率校准的结果，每个比率都经过精心选择以产生共鸣之美。
"递归低语" 哲学：跨尺度的自相似性，有限空间中的无限深度。 算法表达：递归细分的分支结构。每个分支稍微随机但受黄金比例约束。L系统或递归细分生成既数学又有机感的树状形态。微妙的噪声扰动打破完美对称。线宽随着每次递归级别递减。每个分支角度都是深度数学探索的产物。
"场动态" 哲学：不可见的力通过对物质的影响变得可见。 算法表达：由数学函数或噪声构建的矢量场。粒子从边缘诞生，沿场线流动，在达到平衡或边界时消亡。多个场可以吸引、排斥或旋转粒子。可视化只显示痕迹——不可见力量的幽灵般证据。一场通过力平衡精心编排的计算舞蹈。
"随机结晶" 哲学：随机过程结晶成有序结构。 算法表达：随机圆填充或Voronoi镶嵌。从随机点开始，让它们通过松弛算法演化。单元推开直到平衡。颜色基于单元大小、邻居数量或距中心的距离。涌现的有机镶嵌感觉既随机又必然。每个种子产生独特的晶体之美——大师级生成算法的印记。
这些是浓缩示例。实际的算法哲学应该是4-6个实质性段落。
算法哲学应该是4-6段长。 用诗意的计算哲学填充它，将预期愿景融合在一起。避免重复相同的观点。将此算法哲学输出为.md文件。
关键步骤：在实现算法之前，从原始请求中识别微妙的概念线索。
核心原则： 概念是嵌入算法本身的微妙、小众引用——不总是字面的，但始终精致。熟悉该主题的人应该直觉地感受到它，而其他人只是体验一部精湛的生成作品。算法哲学提供计算语言。推导出的概念提供灵魂——安静地编织进参数、行为和涌现模式中的概念DNA。
这非常重要：引用必须如此精炼，以至于在不张扬的情况下增强作品的深度。就像一个爵士乐手通过算法和谐引用另一首歌——只有懂的人才会注意到，但每个人都能欣赏生成之美。
在哲学和概念框架建立之后，通过代码表达它。在继续之前先整理思路。仅使用创建的算法哲学和以下说明。
关键：在编写任何HTML之前：
templates/viewer.html（使用Read工具）避免：
遵循这些做法：
模板是基础。在它之上构建，不要重建它。
要创建有生命、会呼吸的画廊级计算艺术，使用算法哲学作为基础。
种子随机（Art Blocks模式）：
// 始终使用种子以确保可重复性
let seed = 12345; // 或来自用户输入的哈希
randomSeed(seed);
noiseSeed(seed);
参数结构——遵循哲学：
要建立从算法哲学中自然涌现的参数，考虑："这个系统的哪些属性可以调整？"
let params = {
seed: 12345, // 始终包含种子以确保可重复性
// colors
// 添加控制你的算法的参数：
// - 数量（多少？）
// - 尺度（多大？多快？）
// - 概率（多可能？）
// - 比率（什么比例？）
// - 角度（什么方向？）
// - 阈值（行为何时改变？）
};
要设计有效的参数，专注于系统需要可调节的属性，而不是从"模式类型"的角度思考。
核心算法——表达哲学：
关键：算法哲学应该决定构建什么。
要通过代码表达哲学，避免思考"我应该使用哪种模式？"，而是思考"如何通过代码表达这个哲学？"
如果哲学是关于有机涌现，考虑使用：
如果哲学是关于数学之美，考虑使用：
如果哲学是关于受控混沌，考虑使用：
算法从哲学中流动，而不是从选项菜单中选择。
要指导实现，让概念本质为创意和原创选择提供信息。构建一些表达这个特定请求愿景的东西。
画布设置：标准p5.js结构：
function setup() {
createCanvas(1200, 1200);
// 初始化系统
}
function draw() {
// 你的生成算法
// 可以是静态（noLoop）或动画
}
关键：要实现精通，创建感觉像通过大师生成艺术家无数次迭代涌现的算法。仔细调整每个参数。确保每个模式都有目的地涌现。这不是随机噪声——这是通过深度专业知识提炼的受控混沌。
输出：
templates/viewer.html构建的自包含交互式生成艺术（见步骤0和下一节）HTML文件包含一切：p5.js（来自CDN）、算法、参数控制和UI——全部在一个文件中，可以在claude.ai artifacts或任何浏览器中立即工作。从模板文件开始，而不是从头开始。
提醒：templates/viewer.html 应该已经被阅读（见步骤0）。使用该文件作为起点。
要允许探索生成艺术，创建一个单独的、自包含的HTML文件。确保此文件在claude.ai或任何浏览器中立即工作——不需要设置。所有内容内联嵌入。
templates/viewer.html 文件是基础。它包含所需的精确结构和样式。
固定（始终按所示包含）：
可变（为每件艺术品自定义）：
每件艺术品都应该有独特的参数和算法！ 固定部分提供一致的UX——其他所有内容表达独特的愿景。
1. 参数控制
2. 种子导航
3. 单个文件结构
<!DOCTYPE html>
<html>
<head>
<!-- p5.js来自CDN - 始终可用 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
<style>
/* 所有样式内联 - 干净、最小化 */
/* 画布在顶部，控制在下方 */
</style>
</head>
<body>
<div id="canvas-container"></div>
<div id="controls">
<!-- 所有参数控制 -->
</div>
<script>
// 所有p5.js代码内联在这里
// 参数对象、类、函数
// setup() 和 draw()
// UI处理程序
// 全部自包含
</script>
</body>
</html>
关键：这是单个文件。没有外部文件，没有导入（除了p5.js CDN）。所有内容内联。
4. 实现细节——构建侧边栏
侧边栏结构：
1. Seed（固定） - 始终按所示包含：
2. Parameters（可变） - 为艺术创建控制：
<div class="control-group">
<label>参数名称</label>
<input type="range" id="param" min="..." max="..." step="..." value="..." oninput="updateParam('param', this.value)">
<span class="value-display" id="param-value">...</span>
</div>
添加与参数数量一样多的control-group div。
3. Colors（可选/可变） - 如果艺术需要可调颜色则包含：
4. Actions（固定） - 始终按所示包含：
要求：
HTML文件立即工作：
文件默认包含种子导航（上一个/下一个/随机按钮），允许用户探索变化而无需创建多个文件。如果用户想要突出显示特定变化：
这就像从同一块版创建一系列印刷品——算法是一致的，但每个种子揭示其潜力的不同面向。交互性质意味着用户通过探索种子空间发现自己喜欢的作品。
用户请求 → 算法哲学 → 实现
每个请求都是唯一的。过程涉及：
不变的部分：
其他一切都是可变的：
要获得最佳结果，相信创造力，让哲学指导实现。
此技能包含有用的模板和文档：
templates/viewer.html：所有HTML文件的必需起点。
templates/generator_template.js：p5.js最佳实践和代码结构原则的参考。
关键提醒：