选择预设 / 自定义输入 → 生成提示词 → 发送给 AI → 探索 p5.js 生成艺术
💡 使用流程：
每次生成提示词时会自动保存快照
在这里追踪你的创意探索轨迹
这是一个 创意编程提示词生成器。你通过选择「元素→规则→表达」三个维度的参数组合，系统会生成一段结构化的提示词（Prompt），发送给AI后会返回可运行的 p5.js 生成艺术代码。
核心目标：理解点、线、面的构成原理，通过参数化实验探索不同视觉效果。
从三个步骤的下拉菜单中选择，或在输入框中写入自定义描述。自定义输入优先于下拉选项。
点击「生成魔法咒语」按钮，系统自动组装提示词并保存一次快照。点击「复制内容」按钮复制。
打开 KIMI / ChatGPT / Claude，粘贴发送。将 AI 返回的 p5.js 代码粘贴到右侧「代码区」，点击「💾 保存代码到当前快照」。
在 OpenProcessing.org 粘贴运行。观察效果后，回到这里调整参数，开始新一轮实验。导出时每条快照会生成独立 A4 记录单，含基础要素 + 代码 + 作品区。
将 AI 返回的代码粘贴到右侧代码区，点击「💾 保存代码到当前快照」，快照卡片会显示绿色「✓ 代码」标记。
点击快照卡片上的「↩ 回填」按钮，可以把该次参数和代码还原到输入区，方便在此基础上微调。
JPG 导出时每条快照生成一页独立 A4（左列：基础要素+代码，右列：作品框+说明），底部含页码编号（1/N）。
点是最基本的视觉元素。在画面中，点具有聚焦、标记的作用。多个点的排列形成节奏感和密度变化。
线具有方向感和运动感。直线表达秩序，曲线表达流动，折线表达紧张。线的粗细、间距变化产生空间层次。
面是空间与质感的载体。实面与虚面、透明与不透明的对比关系构建画面的图底关系和层次感。