本技能用于通过代码创作算法艺术，基于 p5.js，结合种子随机性与交互式参数探索。当用户请求用代码创作艺术时使用。产出 .md 文件（哲学）、.html 文件（交互式查看器）和 .js 文件（生成式算法）。
【工作流程】整个流程分两步：第一步创建算法哲学（.md 文件）；第二步通过创建 p5.js 生成式艺术来表达它（.html + .js 文件）。
【第一步：算法哲学创建】目标是创建一种算法哲学（而非静态图像或模板），通过以下方式被诠释：计算过程、涌现行为、数学之美；种子随机性、噪声场、有机系统；粒子、流、场、力；参数化变化与受控混沌。
关键理解：用户提供的是作为基础的细微输入或指令，不应限制创作自由；实际创建的是一个算法哲学/生成式美学运动；下一阶段接收该哲学并在代码中表达——创建约 90% 为算法生成、10% 为必要参数的 p5.js sketch。
哲学必须强调：算法表达、涌现行为、计算之美、种子变化。
生成算法哲学的方法：为运动命名（1-2 个词，如 "Organic Turbulence"、"Quantum Harmonics"、"Emergent Stillness"）；阐明哲学（4-6 段，简洁但完整），表达其如何通过计算过程与数学关系、噪声函数与随机模式、粒子行为与场动态、时间演化与系统状态、参数化变化与涌现复杂性体现。
准则：避免冗余，每个算法方面只提一次；反复强调匠心（如“精心雕琢的算法”“深厚计算专业知识的产物”“艰苦优化”“大师级实现”）；保留创作空间。哲学示例包括 "Organic Turbulence"（由自然法则约束的混沌，秩序从无序中涌现，分层 Perlin 噪声驱动的流场）、"Quantum Harmonics"（离散实体展现波状干涉图案）、"Recursive Whispers"（跨尺度的自相似，有限空间中的无限深度）、"Field Dynamics"（无形力量通过其对物质的影响而可见）、"Stochastic Crystallization"（随机过程结晶为有序结构）。实际哲学应为 4-6 段实质性段落。
核心原则：算法哲学（创建可通过代码表达的计算世界观）；过程优于产物（美涌现于算法执行，每次运行都独一无二）；参数化表达（通过数学关系、力、行为沟通，而非静态构图）；艺术自由；纯生成艺术（创造活的算法）；专家级匠心。哲学以 .md 文件输出。
【第二步：推导概念种子】在实现算法前，识别原始请求中的细微概念线索。概念是嵌入算法本身的细微、小众引用——不总是字面化，总是精妙的。熟悉该主题的人应能直觉感受，其他人则仅是体验一件大师级生成作品。算法哲学提供计算语言，推导出的概念提供灵魂。引用必须精炼到既增强作品深度又不自我宣告。
P5.JS 实现：
第 0 步（关键）：先读模板。在写任何 HTML 前，用 Read 工具读取 templates/viewer.html，研究其确切结构、样式和 Anthropic 品牌；将该文件作为字面起点；保留所有固定部分（头部、侧边栏结构、Anthropic 颜色/字体、种子控制、操作按钮）；仅替换文件中注释标记的变量部分（算法、参数、参数的 UI 控件）。避免：从零创建 HTML、自创样式或配色、使用系统字体或深色主题、更改侧边栏结构。应：复制模板确切 HTML 结构；保留 Anthropic 品牌（Poppins/Lora 字体、浅色、渐变背景）；维持侧边栏布局（种子 → 参数 → 颜色？→ 操作）；仅替换 p5.js 算法和参数控件。
技术要求：
- 种子随机性（Art Blocks 模式）：始终使用种子以保证可复现性，randomSeed(seed); noiseSeed(seed);
- 参数结构：params 对象中始终包含 seed；可添加控制算法的参数（数量、尺度、概率、比例、角度、阈值）。
- 核心算法：由哲学决定构建什么，而非从菜单中选择模式。
- Canvas 设置：标准 p5.js 结构（setup/draw），可为静态（noLoop）或动画。
匠心要求：算法应像大师级生成艺术家经过无数次迭代而成；精心调校每个参数；受控混沌而非随机噪声；平衡（复杂而不杂乱，有序而不僵硬）、色彩和谐、构图、性能、可复现性（同一种子始终产生相同输出）。
【输出格式】算法哲学（markdown 或文本）＋单个 HTML 作品（从 templates/viewer.html 构建的自包含交互式生成艺术）。HTML 作品包含一切：p5.js（来自 CDN）、算法、参数控件和 UI，全部在一个文件中。
【交互式作品创建】创建一个单一、自包含的 HTML 作品，无需设置即可在 claude.ai 或任何浏览器中立即运行。
固定与可变内容：固定部分（始终按原样包含）——布局结构（头部、侧边栏、主画布区）、Anthropic 品牌（UI 颜色、字体、渐变）、侧边栏种子区（种子显示、上一个/下一个按钮、随机按钮、跳转到种子输入+Go 按钮）、侧边栏操作区（重新生成按钮、重置按钮）；可变部分（为每件作品定制）——整个 p5.js 算法、params 对象、侧边栏参数区（控件数量、参数名、最小/最大/步长、控件类型）、颜色区（可选）。
必需功能：1. 参数控件（数值滑块、调色板取色器、实时更新、重置按钮）；2. 种子导航（显示当前种子号、上一个/下一个按钮、随机按钮、跳转输入框，请求时生成 100 个变体，种子 1-100）；3. 单文件结构（内含 p5.js CDN、内联样式、内联脚本，无外部文件、无导入）；4. 实现细节——构建侧边栏（1. 种子-固定；2. 参数-可变；3. 颜色-可选；4. 操作-固定：重新生成、重置、下载 PNG）。要求种子控件可用、所有参数有 UI 控件、重新生成/重置/下载按钮可用、保留 Anthropic 品牌。
【使用方式】HTML 作品可立即使用：在 claude.ai 中作为交互式作品即时运行；作为文件保存后在任意浏览器打开，无需服务器。
【适用场景】用户请求用代码创作艺术、生成式艺术、算法艺术或交互式参数探索时。
【限制】依赖 templates/viewer.html 模板文件；依赖 p5.js CDN；完整交付需生成哲学 .md、作品 .html 与算法 .js 文件。具体收费、价格、平台支持范围等资料暂未提供。