用途
pattern-generator 用于生成算法图案与创意可视化，通过数学算法创作程序化艺术、分形设计与生成式构图。其核心理念是“算法哲学”——一种先以文字确立、再通过代码表达的计算美学运动。
主要能力与产出
技能分两步产出结果：
- 算法哲学创建（.md 文件）：撰写一份 4-6 段的“算法哲学”宣言，为一场生成艺术运动命名（1-2 个词，如 "Organic Turbulence"、"Quantum Harmonics"），并阐述其如何通过计算过程、数学关系、噪声函数与随机模式、粒子行为与场动态、时间演化与系统状态、参数化变化与涌现复杂性来体现。
- p5.js 生成艺术表达（.html + .js 文件）：将上述哲学以代码表达，生成 90% 算法生成、10% 必要参数的 p5.js 草图，并输出交互式查看器与生成算法。
使用方式
第一步：算法哲学创建 以用户提供的输入或指令为基础（但不以此限制创作自由），创建一种算法哲学，而非静态图像或模板。哲学需强调算法表达、涌现行为、计算之美与基于种子的变化。
第二步：提取概念种子 在实现算法前，识别原始请求中的细微概念线索。该概念是嵌入算法本身的隐性引用，熟悉主题者能直觉地感受到它，而其他人只是体验一件生成构图。概念通过参数、行为与涌现模式隐形编织进作品中。
第三步：p5.js 实现
- 先阅读 templates/viewer.html，研究其结构、样式与品牌元素，并将其作为字面起点。
- 保持固定部分：布局结构（页眉、侧边栏、主画布区）、UI 配色与字体、侧边栏的 Seed 区域（种子显示、上一个/下一个按钮、随机按钮、跳转到指定种子输入框与 Go 按钮）、Actions 区域（重新生成、重置、下载 PNG 按钮）。
- 替换可变部分：整个 p5.js 算法、参数对象、侧边栏中的 Parameters 区（参数控件数量、名称、最小/最大/步进值、控件类型），以及可选的 Colors 区（按需决定是否提供调色板颜色选择器）。
技术要点
- 始终使用种子以保证可复现：
randomSeed(seed); noiseSeed(seed); - 参数对象需包含种子，并根据系统可调特性设计数量、尺度、概率、比例、角度、阈值等参数。
- 画布采用标准 p5.js 结构（setup/draw），可为静态（noLoop）或动画。
交互式作品要求
- 数值参数滑块、颜色选择器、参数变化时的实时更新、重置按钮。
- 种子导航：显示当前种子、上一个/下一个、随机、输入跳转；可按需生成 100 个变体（种子 1-100）。
- 单一自包含 HTML 作品，p5.js 来自 CDN，其余全部内联，可在 claude.ai 或任意浏览器中直接运行。
适用场景
生成程序化艺术、分形设计、生成式构图、参数化视觉探索，以及需要同一种子可复现输出、可通过参数调节探索变化范围的创意可视化项目。
限制
- 该技能严格依赖 templates/viewer.html 作为起点，不应从头创建 HTML，不应自创样式或配色、使用系统字体或深色主题、更改侧边栏结构。
- 作品需保持指定品牌样式（如指定字体与浅色配色）与固定侧边栏结构。
- 关于收费、价格、平台支持范围等具体信息，资料中暂未提供。