使用 p5.js 创作带有种子随机性和交互式参数探索的算法艺术。当用户请求使用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创作原创算法艺术，而非复制现有艺术家的作品，以避免侵犯版权。
使用 p5.js 创作带有种子随机性和交互式参数探索的算法艺术。当用户请求使用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创作原创算法艺术，而非复制现有艺术家的作品，以避免侵犯版权。
npx skills add https://github.com/Fantasia1999/skills-zh --skill algorithmic-art이 명령을 Claude Code에 복사하여 붙여넣어 스킬을 설치하세요
同步并维护 anthropics/skills 仓库的中文翻译。用于：拉取上游更新、增量翻译/全量翻译 SKILL.md、生成中文索引 INDEX_ZH.md，并快速检查翻译完整性。
使用设计哲学在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品、设计或其他静态作品时，应使用此技能。创作原创视觉设计，绝不抄袭现有艺术家的作品，以避免侵犯版权。
引导用户完成结构化的文档协同创作工作流。当用户想要撰写文档、提案、技术规格、决策文档或类似的结构化内容时使用。此工作流帮助用户高效地传递上下文，通过迭代优化内容，并验证文档对读者是否有效。当用户提及撰写文档、创建提案、起草规格或类似的文档任务时触发。
当用户想要创建、读取、编辑或操作 Word 文档（.docx 文件）时，使用此技能。触发条件包括：任何提及“Word 文档”、“word document”、“.docx”的情况，或要求生成包含目录、标题、页码或信头等格式的专业文档。当从 .docx 文件中提取或重组内容、在文档中插入或替换图片、在 Word 文件中执行查找和替换、处理修订或批注，或将内容转换为精美的 Word 文档时，也应使用此技能。如果用户要求将“报告”、“备忘录”、“信函”、“模板”或类似的交付成果作为 Word 或 .docx 文件，请使用此技能。请勿用于 PDF、电子表格、Google Docs 或与文档生成无关的常规编码任务。
创建具有高设计品质、独特的生产级前端界面。当用户要求构建 Web 组件、页面、作品、海报或应用程序时（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 进行样式美化），使用此技能。生成富有创意、精美的代码和 UI 设计，避免千篇一律的 AI 审美。
一套帮助我根据公司惯用格式编写各类内部通讯的资源。当我被要求撰写任何内部通讯（如状态报告、领导层更新、3P 更新、公司新闻稿、常见问题解答、事故报告、项目更新等）时，都应使用此技能。
| 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" 哲学：表现出波状干涉模式的离散实体。 算法表达：在网格上初始化的粒子，每个粒子携带一个通过正弦波演化的相位值。当粒子靠近时，它们的相位会发生干涉——相长干涉产生亮点，相消干涉产生空洞。简谐运动生成复杂的涌现曼荼罗。这是煞费苦心进行频率校准的结果，其中每个比率都经过精心选择，以产生共鸣之美。
"Recursive Whispers" 哲学：跨尺度的自相似性，有限空间中的无限深度。 算法表达：递归细分的分支结构。每个分支都略有随机化，但受黄金比例约束。L-systems 或递归细分生成既有数学感又有有机感的树状形态。微妙的噪声扰动打破了完美的对称性。线条粗细随每个递归层级递减。每个分支角度都是深入数学探索的产物。
"Field Dynamics" 哲学：通过对物质的影响使无形之力可见。 算法表达：由数学函数或噪声构建的矢量场。粒子在边缘诞生，沿着场线流动，在达到平衡或边界时消亡。多个场可以吸引、排斥或旋转粒子。可视化仅显示轨迹——无形之力的鬼魅般证据。这是一场通过力平衡精心编排的计算之舞。
"Stochastic Crystallization" 哲学：随机过程结晶成有序结构。 算法表达：随机化的圆堆积或 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, // 始终包含种子以保证可复现性
// 颜色
// 添加控制你的算法的参数：
// - 数量（多少？）
// - 尺度（多大？多快？）
// - 概率（多大可能性？）
// - 比例（什么比例？）
// - 角度（什么方向？）
// - 阈值（行为何时改变？）
};
要设计有效的参数，请关注系统需要可调校的属性，而不是从“模式类型”的角度思考。
核心算法 - 表达哲学：
关键：算法哲学应决定要构建什么。
要通过代码表达哲学，避免思考“我应该使用哪种模式？”，而应思考“如何通过代码表达这种哲学？”
如果哲学是关于有机涌现，可以考虑使用：
如果哲学是关于数学之美，可以考虑使用：
如果哲学是关于受控混沌，可以考虑使用：
算法源于哲学，而非选项菜单。
为指导实现，让概念精髓为创造性和原创性选择提供信息。构建能够表达此特定请求愿景的东西。
画布设置：标准的 p5.js 结构：
function setup() {
createCanvas(1200, 1200);
// 初始化你的系统
}
function draw() {
// 你的生成算法
// 可以是静态的 (noLoop) 或动画的
}
关键：为达到大师水平，创造出的算法要让人感觉像是经过一位生成艺术大师无数次迭代才产生的。仔细调整每个参数。确保每个模式的出现都有其目的。这不是随机噪声——这是通过深厚专业知识提炼出的受控混沌。
输出：
templates/viewer.html 构建的、自包含的交互式生成艺术（见第 0 步和下一节）HTML 工件包含所有内容：p5.js（来自 CDN）、算法、参数控件和 UI——全部在一个文件中，可立即在 claude.ai 工件或任何浏览器中运行。从模板文件开始，而不是从零开始。
提醒：此时应已阅读 templates/viewer.html（见第 0 步）。请使用该文件作为起点。
为方便探索生成艺术，创建一个单一的、自包含的 HTML 工件。确保此工件能立即在 claude.ai 或任何浏览器中工作——无需任何设置。将所有内容内联嵌入。
templates/viewer.html 文件是基础。它包含了所需的确切结构和样式。
固定（始终按所示内容原样包含）：
可变（为每个艺术品定制）：
每个艺术品都应该有独特的参数和算法！ 固定部分提供一致的用户体验——其他所有部分则表达独特的愿景。
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. 种子（固定） - 始终按所示内容原样包含：
2. 参数（可变） - 为艺术品创建控件：
<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. 颜色（可选/可变） - 如果艺术品需要可调颜色，则包含此项：
4. 操作（固定） - 始终按所示内容原样包含：
要求：
HTML 工件可立即工作：
工件默认包含种子导航（上一个/下一个/随机按钮），允许用户在不创建多个文件的情况下探索变体。如果用户希望突出显示特定变体：
这就像用同一块印版创作一系列版画——算法是一致的，但每个种子揭示了其潜力的不同方面。交互性意味着用户通过探索种子空间来发现自己喜欢的作品。
用户请求 → 算法哲学 → 实现
每个请求都是独一无二的。该过程包括：
常量：
其他一切都是可变的：
要达到最佳效果，请相信创造力，让哲学引导实现。
此技能包含有用的模板和文档：
templates/viewer.html: 所有 HTML 工件的必需起点。
templates/generator_template.js: p5.js 最佳实践和代码结构原则的参考。
关键提醒：