菜单
使用带种子随机性的 p5.js，通过交互式参数探索生成原创算法艺术。适用于用户提出涉及代码生成艺术、算法艺术、流场或粒子系统的请求。始终创作原创算法艺术，避免直接复制现有艺术家的作品，以免引发版权问题。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
“面向 PowerPoint 演示文稿（.pptx）的创建、编辑与分析”。当 Claude 需要创建新演示文稿、修改现有内容、处理版式、添加批注或演讲者备注等与幻灯相关的任务时，请使用本技能。
一套基于现代前端技术（React、Tailwind CSS、shadcn/ui）的工具，用来创建复杂的 claude.ai HTML 成品。适用于需要状态管理、路由或 shadcn/ui 组件的复杂作品，不适用于简单的单文件 HTML/JSX。
将 Anthropic 官方品牌配色与字体应用到需要呈现 Anthropic 风格的任何产出物上。当涉及品牌配色、风格规范、视觉格式或公司设计标准时请使用本技能。
基于设计哲学在 .png 与 .pdf 文档中创作精美视觉作品。当用户请求海报、艺术作品、设计稿或其他静态作品时，请使用本技能。务必创作原创视觉设计，避免复制现有艺术家的作品，以免触犯版权。
「面向 .docx 文件的文档创建、编辑与分析」——支持修订记录、批注、格式保持与文本抽取。当 Claude 需要处理专业 Word 文档（.docx）以执行以下任一任务时请使用本技能：(1) 创建新文档；(2) 修改或编辑内容；(3) 处理修订记录；(4) 添加批注；或其他文档相关工作。
面向 PDF 的全能工具包，可用于抽取文本与表格、创建新 PDF、合并/拆分文档以及处理表单。当 Claude 需要填写 PDF 表单，或要批量处理、生成、分析 PDF 文件时请使用本技能。
| name | algorithmic-art |
| description | 使用带种子随机性的 p5.js，通过交互式参数探索生成原创算法艺术。适用于用户提出涉及代码生成艺术、算法艺术、流场或粒子系统的请求。始终创作原创算法艺术，避免直接复制现有艺术家的作品，以免引发版权问题。 |
| license | 完整条款见 LICENSE.txt |
算法哲学是一种以代码表达的计算美学流派。输出包括 .md 文件（哲学说明）、.html 文件（交互式查看器）与 .js 文件（生成算法）。
创作分为两个阶段：
首先执行以下任务：
开篇撰写一份“算法哲学”（而非静态图像或模板），并将其作为后续代码表达的蓝本：
建议思路：
哲学必须强调：算法表达、涌现行为、计算美学、带种子的变化。
为运动命名（1-2 个词）：如 “Organic Turbulence（有机湍流）”/ “Quantum Harmonics（量子谐振）”/ “Emergent Stillness（涌现静谧）”
阐述哲学（4-6 段，简洁且完整）：
为了捕捉算法本质，需要说明该哲学如何通过下列方式体现：
关键准则：
哲学要指导后续版本以算法方式表达思想，而非制作静态画面。美蕴藏在过程之中，而非最终画面。
“Organic Turbulence（有机湍流）” 哲学：混沌在自然法则中被束缚，秩序由无序中升起。 算法表达：由多层 Perlin 噪声驱动的流场。成千上万的粒子沿向量力前进，轨迹累积成有机的密度图。多重噪声八度创造湍流与静谧区域。色彩由速度与密度推导：快速粒子燃成亮色，缓慢粒子趋于阴影。算法运行直至达到平衡——一个精心调谐的平衡点，每个参数都由顶尖计算美学家历经无数次迭代后打磨。
“Quantum Harmonics（量子谐振）” 哲学：离散实体呈现波动式干涉图案。 算法表达：粒子初始化于网格，每个携带随正弦演化的相位值。粒子靠近时相位干涉——相长干涉形成明亮节点，相消干涉形成空洞。简单的简谐运动孕育复杂涌现的曼陀罗。每个频率比都经过 painstaking 调音，显露共振之美。
“Recursive Whispers（递归耳语）” 哲学：跨尺度的自相似性，在有限空间中孕育无限深度。 算法表达：递归分枝结构持续细分。每个分枝略带随机而仍受黄金比例约束。L 系统或递归细分生成既数学又有机的树形形态。细微噪声扰动打破完美对称。线条粗细随递归层级递减。每个分枝角度都源自深度数学探索。
“Field Dynamics（场域动力）” 哲学：以物证场，让无形之力通过其影响显现。 算法表达：由数学函数或噪声构建向量场。粒子在边缘诞生，沿场线流动，达到平衡或抵达边界时消亡。可叠加多个场，让粒子受吸引、排斥或旋转。可视化呈现的仅是轨迹——隐形力量的幽灵痕迹。一场经精密力平衡精心编排的计算舞蹈。
“Stochastic Crystallization（随机结晶）” 哲学：随机过程凝练为有序结构。 算法表达：随机化的圆填充或 Voronoi 镶嵌。以随机点起步，通过松弛算法演化。单元彼此推开直至平衡。颜色基于单元大小、邻居数量或距中心的距离。涌现的有机铺砌既显随机又显必然。每个种子生成独一无二的晶体美态——体现大师级生成算法的印记。
以上为精简示例。真实的算法哲学需包含 4-6 个扎实段落。
算法哲学应包含 4-6 段详实内容。 用富有诗意的计算哲思串联愿景，避免重复论述。将该哲学输出为 .md 文件。
关键步骤：在实施算法前，识别来自原始请求的细微概念线索。
核心原则： 概念是嵌入算法中的 微妙隐喻 ——既非直白表达，也始终雅致。熟悉主题的人应能隐约感知，而旁观者仍能欣赏到生成之美。算法哲学提供计算语言，概念内核赋予灵魂——悄然织入参数、行为与涌现模式中的隐形 DNA。
在确立哲学与概念框架后，再通过代码表达。动手前先停顿思考，仅依循算法哲学与以下指引。
重要：在编写任何 HTML 之前：
templates/viewer.html切勿：
务必遵循以下做法：
模板是地基，要在其上构建，而非推倒重建。
为创作具备画廊水准、充满生命力的计算艺术，请以算法哲学为根基。
带种子随机性（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 是基础，包含所需的结构与样式。
固定内容（务必原样保留）：
可变内容（为每件作品自定义）：
每件作品都应拥有独特的参数与算法！ 固定部分提供一致的用户体验，其他部分则表达独特 vision。
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>Parameter Name</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 区块。
3. Colors（可选/可变） —— 若作品需要可调色彩：
4. Actions（固定） —— 务必原样包含：
功能要求：
HTML 成品可立即投入使用：
artifact 默认包含种子导航（上一/下一/随机按钮），用户可在单文件内探索不同变体。若用户希望突出特定变体，可：
这近似于一块版画衍生出多幅印刷。算法保持一致，但每个种子揭示不同面貌。互动式体验让用户自行探索并发现心仪的结果。
用户请求 → 算法哲学 → 代码实现
每个请求都是独一无二的。流程包括：
不变要素：
可变内容：
为获得最佳效果，请相信创意，并让哲学引领实现。
本技能提供以下模板与参考资料：
templates/viewer.html：所有 HTML 成品的必读起点。
templates/generator_template.js：展示 p5.js 最佳实践与代码组织方式的参考。
重要提醒：