【anthropic官方Skill】algorithmic-art 技能

使用p5.js创建算法艺术通过种子随机性和交互式参数探索生成独特的视觉作品。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。技能概述algorithmic-art 技能是一个专门用于创建计算美学艺术的工具它通过编程的方式表达艺术理念。该技能基于p5.js库使用种子随机性确保结果的可重现性并提供交互式参数探索功能让用户能够通过调整参数来发现艺术的无限可能性。该技能的核心思想是创建活的算法而非静态图像。每个算法都是独特的通过计算过程、涌现行为和数学美感来表达艺术理念。用户可以通过种子值重现特定的艺术作品也可以通过调整参数来探索算法的不同表现形式。主要功能算法哲学创建: 生成4-6段描述计算美学的算法哲学文档定义艺术运动的核心理念p5.js艺术实现: 将算法哲学转化为可执行的p5.js代码创建交互式生成艺术种子随机性: 使用种子值确保每次运行相同种子时产生完全相同的输出交互式参数控制: 提供滑块、颜色选择器等UI控件实时调整艺术参数种子导航: 支持前一个/下一个种子、随机种子和跳转到特定种子单文件输出: 生成包含所有代码、样式和UI的独立HTML文件触发条件在以下情况下应该调用此技能:用户请求创建算法艺术或生成艺术用户想要使用代码创建视觉艺术作品用户提及流场、粒子系统、噪声场等计算艺术技术用户需要可重现的生成艺术作品用户想要探索艺术参数的交互式变化使用场景场景1: 创建有机流动艺术用户希望创建类似自然流动的视觉效果如水流、烟雾或有机形态。技能将生成基于Perlin噪声的流场算法通过数千个粒子跟随向量力场创造出有机的密度映射。场景2: 数学几何艺术用户想要创建基于数学关系的几何图案。技能将生成使用三角函数、黄金比例或递归结构的算法创造出既精确又富有美感的几何艺术。场景3: 粒子系统艺术用户需要创建由大量粒子组成的动态艺术。技能将生成包含粒子物理、相互作用和场动力学的算法创造出复杂的涌现行为。处理过程1. 算法哲学创建首先创建一个算法哲学这是整个艺术创作的基础。算法哲学应该是一个4-6段的描述定义一个生成美学运动的核心思想。哲学必须强调:计算过程和数学关系噪声函数和随机性模式粒子行为和场动力学时间演化和系统状态参数变化和涌现复杂性哲学必须反复强调工艺精神表明最终算法应该看起来像是经过无数小时开发、精心优化的顶级计算美学专家的作品。2. 概念种子推导在实现算法之前识别用户原始请求中微妙的概念线索。概念是嵌入在算法中的微妙、小众引用不一定字面化总是精巧的。熟悉该主题的人应该能够直觉地感受到它而其他人只是体验到一个大师级的生成作品。3. p5.js实现基于算法哲学和概念框架通过代码表达艺术理念。实现包括:读取templates/viewer.html模板作为起点保持模板的固定部分(布局、Anthropic品牌、种子控制、操作按钮)替换可变部分(p5.js算法、参数定义、UI控件)实现种子随机性(randomSeed和noiseSeed)创建参数对象和UI控制4. 参数设计根据算法哲学设计合适的参数。参数应该控制系统的可调属性而不是模式类型。常见的参数类型包括:数量(多少个元素?)尺度(多大?多快?)概率(事件发生的可能性?)角度(什么方向?)阈值(行为何时改变?)5. 交互式工件创建创建一个独立的HTML工件包含:p5.js库(从CDN加载)完整的算法代码参数控制UI种子导航功能重置和下载功能输入要求使用此技能时用户需要提供:艺术创作的意图或想法(可以是模糊的描述)特定的美学偏好(如有机、几何、抽象等)可选的参考概念或主题期望的参数范围或控制类型(可选)输出说明技能将提供:算法哲学文档(.md文件): 4-6段描述生成美学的哲学思想交互式HTML工件(.html文件): 包含p5.js算法、参数控制和UI的独立文件参数控制: 滑块、颜色选择器等交互式控件种子导航: 前一个/下一个/随机种子控制导出功能: 支持下载PNG图像使用示例示例1: 创建有机湍流艺术用户请求创建一个表现有机湍流的艺术作品。技能将:创建算法哲学描述受自然法则约束的混沌从无序中涌现的秩序实现基于多层Perlin噪声的流场算法创建数千个跟随向量力的粒子其轨迹累积成有机密度映射提供参数控制: 粒子数量、流速、噪声尺度、轨迹长度生成包含种子导航和参数控制的交互式HTML工件示例2: 创建量子谐波艺术用户想要表现量子谐波概念。技能将:创建算法哲学描述表现出波状干涉模式的离散实体实现粒子在网格上初始化每个携带通过正弦波演化的相位值当粒子靠近时它们的相位发生干涉 - 建设性干涉产生亮节点破坏性产生空隙提供参数控制: 粒子数量、频率、相位速度、干涉强度生成可探索不同种子和参数的交互式工件最佳实践始终使用模板: 从templates/viewer.html开始不要从头创建HTML。保持模板的固定部分不变只替换可变部分。强调工艺精神: 在算法哲学中反复强调最终算法应该看起来像是经过精心优化、无数迭代的大师级作品。避免重复: 确保算法哲学的每个方面只提及一次避免重复噪声理论、粒子动力学或数学原理。种子随机性: 始终使用randomSeed()和noiseSeed()确保可重现性。相同种子必须产生完全相同的输出。参数设计: 参数应该控制系统的可调属性而不是模式类型。专注于系统需要可调的属性。性能优化: 对于大量元素预计算可以预计算的内容使用简单的碰撞检测限制昂贵的操作。色彩和谐: 使用精心设计的调色板而不是随机的RGB值。考虑基于速度、密度或位置的动态颜色。保持简洁: 算法哲学应该具体到足以指导算法方向但又要足够简洁为下一个Claude留出高水平的解释性实现选择空间。技术架构模板结构技能包含两个关键模板:templates/viewer.html: 所有HTML工件的必需起点。包含精确的结构和Anthropic品牌。保持不变的部分包括布局结构、侧边栏组织、Anthropic颜色/字体、种子控制、操作按钮。替换的部分包括p5.js算法、参数定义和UI控件。templates/generator_template.js: p5.js最佳实践和代码结构原则的参考。展示如何组织参数、使用种子随机性、结构化类。不是模式菜单 - 使用这些原则构建独特的算法。资源下载Algorithmic Art技能的完整源代码和文档可以在以下地址下载:https://github.com/anthropics/skills/tree/main/skills该地址包含技能的完整实现、模板文件和示例代码。