Skip to main content Skills Marketplace Descubra e explore skills de IA criadas pela comunidade.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Copiar promptMostrar detalhes do prompt Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
npx skills add https://github.com/firyrice/skill- --skill algorithmic-artO comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.
Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.
Baixar Zip Baixando... Ocupações relacionadas SOC
Baseado na classificação ocupacional SOC
Explorador de arquivos
2 arquivos name algorithmic-art description 使用 p5.js 创建算法艺术,具有种子随机性和交互式参数探索。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创作原创算法艺术而非复制现有艺术家的作品以避免版权侵权。 license Complete terms in LICENSE.txt
算法哲学是计算美学运动,通过代码来表达。输出 .md 文件(哲学)、.html 文件(交互式查看器)和 .js 文件(生成算法)。
这分为两个步骤:
算法哲学创建(.md 文件)
通过创建 p5.js 生成艺术来表达(.html + .js 文件)
首先,执行此任务:
算法哲学创建
首先,创建一个算法哲学(而非静态图像或模板),它将通过以下方式来诠释:
计算过程、涌现行为、数学之美
种子随机性、噪声场、有机系统
粒子、流动、场、力
参数变化和受控混沌
关键理解
接收到的内容:用户提供的一些微妙输入或指令需要考虑,但仅作为基础;它不应限制创作自由。
创建的内容:一个算法哲学/生成美学运动。
接下来发生的事情:同一版本接收哲学并用代码表达它 - 创建 90% 算法生成、10% 基本参数的 p5.js 草图。
考虑这种方法:
为生成艺术运动编写宣言
下一阶段涉及编写将其变为现实的算法
哲学必须强调:算法表达。涌现行为。计算之美。种子变化。
如何生成算法哲学
为运动命名 (1-2 个词):"有机湍流" / "量子和声" / "涌现静止"
阐述哲学 (4-6 段 - 简洁但完整):
为了捕捉算法本质,表达这一哲学如何通过以下方式显现:
计算过程和数学关系?
噪声函数和随机性模式?
粒子行为和场动力学?
时间演化和系统状态?
参数变化和涌现复杂性?
关键指南:
避免冗余 :每个算法方面应只提及一次。避免重复关于噪声理论、粒子动力学或数学原理的概念,除非添加新的深度。
反复强调工艺性 :哲学必须多次强调最终算法应该看起来像是花费了无数小时开发,经过精心打磨,来自该领域绝对顶尖的专家。这种框架至关重要 - 重复使用"精心制作的算法"、"深厚计算专业知识的产物"、"煞费苦心的优化"、"大师级实现"等短语。
留出创意空间 :对算法方向要具体,但要足够简洁,以便下一个 Claude 有空间在极高的工艺水平上做出诠释性实现选择。
哲学必须引导下一个版本通过算法而非静态图像来表达想法。美存在于过程中,而非最终画面。
哲学示例
"有机湍流"
哲学:受自然法则约束的混沌,从无序中涌现出秩序。
算法表达:由分层 Perlin 噪声驱动的流场。数千个粒子沿着矢量力运动,它们的轨迹累积成有机密度图。多个噪声倍频程创造湍流区域和平静区域。颜色从速度和密度中涌现 - 快速粒子燃烧明亮,慢速粒子褪为阴影。算法运行直到平衡 - 一个经过精心调整的平衡,其中每个参数都由计算美学大师通过无数次迭代精炼。
"量子和声"
哲学:表现出波状干涉模式的离散实体。
算法表达:粒子初始化在网格上,每个携带通过正弦波演化的相位值。当粒子接近时,它们的相位发生干涉 - 建设性干涉创造明亮节点,破坏性干涉创造空隙。简单谐波运动生成复杂的涌现曼陀罗。这是煞费苦心的频率校准的结果,每个比率都经过精心选择以产生共振之美。
"递归低语"
哲学:跨尺度的自相似性,有限空间中的无限深度。
算法表达:递归细分的分支结构。每个分支略微随机化但受黄金比例约束。L 系统或递归细分生成既有数学感又有有机感的树状形式。微妙的噪声扰动打破完美对称。线条粗细随每个递归级别减小。每个分支角度都是深入数学探索的产物。
"场动力学"
哲学:通过对物质的影响使不可见的力可见。
算法表达:由数学函数或噪声构建的矢量场。粒子诞生于边缘,沿着场线流动,当它们到达平衡或边界时消亡。多个场可以吸引、排斥或旋转粒子。可视化仅显示轨迹 - 不可见力的幽灵般证据。通过力平衡精心编排的计算舞蹈。
"随机结晶"
哲学:随机过程结晶成有序结构。
算法表达:随机圆堆积或 Voronoi 镶嵌。从随机点开始,让它们通过松弛算法演化。单元格推开直到平衡。颜色基于单元格大小、邻居数量或到中心的距离。涌现的有机拼贴感觉既随机又不可避免。每个种子产生独特的结晶之美 - 这是大师级生成算法的标志。
这些是浓缩的示例。实际的算法哲学应该是 4-6 个实质性段落。
基本原则
算法哲学 :创建通过代码表达的计算世界观
过程重于产品 :始终强调美从算法执行中涌现 - 每次运行都是独特的
参数表达 :思想通过数学关系、力、行为来传达 - 而非静态构图
艺术自由 :下一个 Claude 通过算法诠释哲学 - 提供创造性实现空间
纯生成艺术 :这是关于制作活生生的算法,而非带有随机性的静态图像
专家工艺 :反复强调最终算法必须感觉像是经过无数次迭代精心制作,由该领域计算美学绝对顶尖的专家通过深厚专业知识精炼而成
算法哲学应该是 4-6 段长。 用富有诗意的计算哲学填充它,将预期愿景汇聚在一起。避免重复相同的要点。将此算法哲学输出为 .md 文件。
推导概念种子 关键步骤 :在实现算法之前,识别原始请求中的微妙概念线索。
基本原则 :
概念是嵌入算法本身的微妙、小众引用 - 不总是字面的,总是精致的。熟悉该主题的人应该直觉地感受到它,而其他人只是体验到大师级的生成作品。算法哲学提供计算语言。推导的概念提供灵魂 - 无形地编织到参数、行为和涌现模式中的安静概念 DNA。
这非常重要 :引用必须如此精炼,以至于它在不宣告自己的情况下增强作品的深度。像爵士音乐家通过算法和声引用另一首歌一样思考 - 只有知道的人才会捕捉到它,但每个人都欣赏生成之美。
P5.JS 实现 建立了哲学和概念框架后,通过代码来表达。在继续之前暂停思考。仅使用创建的算法哲学和下面的指令。
⚠️ 步骤 0:首先阅读模板 ⚠️
阅读 templates/viewer.html 使用 Read 工具
研究 确切的结构、样式和 Anthropic 品牌
将该文件用作字面起点 - 不仅仅是灵感
保持所有固定部分完全如所示 (标题、侧边栏结构、Anthropic 颜色/字体、种子控制、操作按钮)
仅替换可变部分 ,标记在文件注释中(算法、参数、参数的 UI 控件)
❌ 从头开始创建 HTML
❌ 发明自定义样式或配色方案
❌ 使用系统字体或深色主题
❌ 更改侧边栏结构
✅ 复制模板的确切 HTML 结构
✅ 保持 Anthropic 品牌(Poppins/Lora 字体、浅色、渐变背景)
✅ 维护侧边栏布局(种子 → 参数 → 颜色?→ 操作)
✅ 仅替换 p5.js 算法和参数控件
要创建栩栩如生的画廊级计算艺术,使用算法哲学作为基础。
技术要求
let seed = 12345 ;
randomSeed (seed);
noiseSeed (seed);
要建立自然地从算法哲学中涌现的参数,考虑:"这个系统的哪些质量可以调整?"
let params = {
seed : 12345 ,
};
要设计有效的参数,专注于系统需要可调的属性,而不是考虑"模式类型"。
要通过代码表达哲学,避免思考"我应该使用哪种模式?",而是思考"如何通过代码表达这一哲学?"
随时间累积或增长的元素
受自然规则约束的随机过程
反馈循环和交互
几何关系和比率
三角函数和谐波
创造意外模式的精确计算
严格边界内的随机变化
分叉和相变
从无序中涌现的秩序
为指导实现,让概念本质告知创造性和原创选择。构建能够表达此特定请求愿景的东西。
function setup ( ) {
createCanvas (1200 , 1200 );
}
function draw ( ) {
}
工艺要求 关键 :要达到精通,创建的算法应该感觉像是通过大师生成艺术家的无数次迭代涌现出来的。仔细调整每个参数。确保每个模式都有目的地涌现。这不是随机噪声 - 这是通过深厚专业知识精炼的受控混沌。
平衡 :复杂而不视觉嘈杂,有序而不僵化
色彩和谐 :深思熟虑的调色板,而非随机 RGB 值
构图 :即使在随机性中,也保持视觉层次和流动
性能 :流畅执行,如果是动画则为实时优化
可重现性 :相同种子始终产生相同输出
输出格式
算法哲学 - 作为 markdown 或文本解释生成美学
单个 HTML 工件 - 从 templates/viewer.html 构建的自包含交互式生成艺术(见步骤 0 和下一节)
HTML 工件包含一切:p5.js(来自 CDN)、算法、参数控件和 UI - 所有内容都在一个文件中,可以立即在 claude.ai 工件或任何浏览器中工作。从模板文件开始,而不是从头开始。
交互式工件创建 提醒:应该已经阅读了 templates/viewer.html(见步骤 0)。将该文件用作起点。
为了允许探索生成艺术,创建一个单一的、自包含的 HTML 工件。确保此工件可以立即在 claude.ai 或任何浏览器中工作 - 无需设置。将所有内容内联嵌入。
关键:什么是固定的与可变的 templates/viewer.html 文件是基础。它包含所需的确切结构和样式。
布局结构(标题、侧边栏、主画布区域)
Anthropic 品牌(UI 颜色、字体、渐变)
侧边栏中的种子部分:
种子显示
上一个/下一个按钮
随机按钮
跳转到种子输入 + 转到按钮
侧边栏中的操作部分:
整个 p5.js 算法(setup/draw/classes)
参数对象(定义艺术需要什么)
侧边栏中的参数部分:
参数控件数量
参数名称
滑块的最小/最大/步长值
控件类型(滑块、输入等)
颜色部分(可选):
一些艺术需要颜色选择器
一些艺术可能使用固定颜色
一些艺术可能是单色的(不需要颜色控件)
根据艺术需求决定
每件艺术品都应该有独特的参数和算法! 固定部分提供一致的用户体验 - 其他一切都表达独特的愿景。
必需功能
数值参数的滑块(粒子计数、噪声比例、速度等)
调色板颜色的颜色选择器
参数更改时的实时更新
重置按钮以恢复默认值
显示当前种子编号
"上一个"和"下一个"按钮以循环浏览种子
"随机"按钮用于随机种子
输入字段以跳转到特定种子
请求时生成 100 个变体(种子 1-100)
<!DOCTYPE html >
<html >
<head >
<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 >
</script >
</body >
</html >
关键 :这是一个单一工件。没有外部文件,没有导入(除了 p5.js CDN)。一切都内联。
<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. 颜色(可选/可变) - 如果艺术需要可调颜色则包含:
如果用户应该控制调色板则添加颜色选择器
如果艺术使用固定颜色则跳过此部分
如果艺术是单色的则跳过
种子控件必须工作(上一个/下一个/随机/跳转/显示)
所有参数必须有 UI 控件
重新生成、重置、下载按钮必须工作
保持 Anthropic 品牌(UI 样式,而非艺术颜色)
使用工件
在 claude.ai 中 :显示为交互式工件 - 立即运行
作为文件 :保存并在任何浏览器中打开 - 无需服务器
共享 :发送 HTML 文件 - 完全自包含
变体与探索 工件默认包含种子导航(上一个/下一个/随机按钮),允许用户在不创建多个文件的情况下探索变体。如果用户希望突出显示特定变体:
包含种子预设("变体 1:种子 42"、"变体 2:种子 127"等按钮)
添加"画廊模式",并排显示多个种子的缩略图
所有这些都在同一个单一工件中
这就像从同一块版上创建一系列印刷品 - 算法是一致的,但每个种子都揭示了其潜力的不同方面。交互性意味着用户通过探索种子空间发现自己的最爱。
创作过程
解释用户意图 - 寻求什么美学?
创建算法哲学 (4-6 段)描述计算方法
用代码实现 - 构建表达此哲学的算法
设计适当的参数 - 什么应该是可调的?
构建匹配的 UI 控件 - 这些参数的滑块/输入
Anthropic 品牌(颜色、字体、布局)
种子导航(始终存在)
自包含的 HTML 工件
资源
模板是起点 ,而非灵感
算法是创造独特东西的地方
不要复制流场示例 - 构建哲学所要求的
但确实要保持模板中的确切 UI 结构和 Anthropic 品牌