npm - @aiyiran/myclaw - Versions diffs - 1.1.89 → 1.1.91 - Mend

@aiyiran/myclaw 1.1.89 → 1.1.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/__student-view__.html ADDED Viewed

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>地下城大冒险</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { margin: 0; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #f4f7fb; color: #24324a; }
+    .page { max-width: 1440px; margin: 0 auto; padding: 20px 20px 48px; }
+    .header-bar { background: linear-gradient(135deg,#5f82ff 0%,#8c74ff 100%); border-radius: 24px; padding: 20px 24px; box-shadow: 0 16px 36px rgba(92,108,192,.24); }
+    .header-left h1 { margin: 0; font-size: 26px; line-height: 1.3; color: #fff; font-weight: 800; }
+    .header-left .subtitle { margin: 8px 0 0; font-size: 13px; line-height: 1.8; color: rgba(255,255,255,.88); }
+    .main-section { margin-top: 18px; }
+    .block { background: #fff; border-radius: 24px; padding: 22px; box-shadow: 0 10px 28px rgba(100,122,166,.12); }
+    .content-layout { display: grid; grid-template-columns: 220px minmax(0,1fr) 220px; gap: 14px; align-items: stretch; }
+    .task-panel, .goal-panel { background: #f8faff; border: 1px solid #e7eefc; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 14px; }
+    .panel-group h3 { margin: 0 0 10px; color: #334d98; font-size: 17px; }
+    .task-item { margin-bottom: 10px; }
+    .task-item:last-child { margin-bottom: 0; }
+    .item-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 12px; font-weight: 600; color: #7a89ad; }
+    .item-body { background: #fff; border: 1px solid #e7eefc; border-radius: 12px; padding: 10px 12px; font-size: 13px; color: #60708b; line-height: 1.7; }
+    .task-item .num { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: #edf2ff; color: #7a89ad; font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
+    .star-item .num { background: #fff7dc; color: #b89a4f; }
+    .sample-frame-wrap { background: #f8faff; border: 1px solid #e7eefc; border-radius: 20px; padding: 14px; min-width: 0; }
+    .sample-frame-head { display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 12px; }
+    .sample-frame-head h3 { margin: 0; color: #334d98; font-size: 17px; }
+    .tips-block { margin-top: 16px; background: #fff; border-radius: 24px; padding: 22px; box-shadow: 0 10px 28px rgba(100,122,166,.12); }
+    .tips-block h3 { margin: 0 0 14px; color: #334d98; font-size: 18px; }
+    .tips-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+    .tip-item { background: #f8faff; border: 1px solid #e7eefc; border-radius: 16px; padding: 14px; }
+    .tip-title { font-size: 14px; font-weight: 700; color: #334d98; margin-bottom: 8px; }
+    .tip-desc { font-size: 13px; color: #60708b; line-height: 1.7; margin-bottom: 8px; }
+    .tip-prompt { font-size: 12px; color: #4f5f7c; line-height: 1.8; background: #fff; border: 1px dashed #d6e2ff; border-radius: 12px; padding: 10px 12px; }
+    iframe { width: 100%; height: 560px; border: 1px solid #dfe7fb; border-radius: 16px; background: #fff; display: block; }
+    @media (max-width: 960px) { .page { padding: 14px 12px 32px; } .header-bar { padding: 16px 18px; } .header-left h1 { font-size: 22px; } .header-left .subtitle { font-size: 12px; } .content-layout { grid-template-columns: 1fr; } .task-panel, .goal-panel, .sample-frame-wrap, .tips-block { padding: 14px; } .tips-list { grid-template-columns: 1fr; } iframe { height: 360px; } }
+  </style>
+</head>
+<body>
+  <div class="page">
+    <header class="header-bar">
+      <div class="header-left">
+        <h1>地下城大冒险</h1>
+        <p class="subtitle">先玩懂这个地下城探险游戏，然后改参数、改地图、加机制，做出一个属于你的版本。</p>
+      </div>
+    </header>
+    <div class="main-section">
+      <section class="block">
+        <div class="content-layout">
+          <div class="task-panel">
+            <div class="panel-group">
+              <h3>步骤</h3>
+              <div class="task-item"><div class="item-top"><span class="num">1</span><span>玩懂游戏</span></div><div class="item-body">先玩一遍示范：用方向键或WASD移动，探索地下城，躲开敌人或打倒它们，试着找到出口或完成目标。搞清楚：角色怎么移动、敌人怎么行动、怎么才算通关。</div></div><div class="task-item"><div class="item-top"><span class="num">2</span><span>改一个游戏参数</span></div><div class="item-body">找到代码顶部的配置区域，改一个数字试试效果。比如把地图变大、让角色跑快点、或者让敌人更慢。改完确认游戏还能正常运行。</div></div><div class="task-item"><div class="item-top"><span class="num">3</span><span>改一个视觉元素</span></div><div class="item-body">改颜色或外观，让游戏看起来和原版不一样。比如换地下城的颜色风格、换角色样子、或者改背景主题。</div></div><div class="task-item"><div class="item-top"><span class="num">4</span><span>加一个你的机制</span></div><div class="item-body">想一个让游戏更好玩的新机制，让AI帮你实现。比如加宝箱道具、加计时器、加血包、加陷阱，或者改掉你觉得不合理的地方。</div></div>
+            </div>
+          </div>
+          <div class="sample-frame-wrap">
+            <div class="sample-frame-head"><h3>游戏示范</h3></div>
+            <iframe src="__demo__.html" title="游戏示范"></iframe>
+          </div>
+          <div class="goal-panel">
+            <div class="panel-group">
+              <h3>评价目标</h3>
+              <div class="task-item star-item"><div class="item-top"><span class="num">一星</span><span>一星</span></div><div class="item-body">改了至少一个参数，游戏还能正常运行，能说出改了什么、有什么变化。</div></div><div class="task-item star-item"><div class="item-top"><span class="num">二星</span><span>二星</span></div><div class="item-body">改了参数和视觉，游戏玩起来和原版有明显区别。</div></div><div class="task-item star-item"><div class="item-top"><span class="num">三星</span><span>三星</span></div><div class="item-body">加了一个新机制或关卡元素，游戏有自己的设计想法，能说清楚为什么这样改。</div></div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="tips-block">
+        <h3>小提示</h3>
+        <div class="tips-list">
+          <div class="tip-item"><div class="tip-title">配置参数在哪里</div><div class="tip-desc">代码开头有配置区域，改地图大小、角色速度、敌人数量等数字就行，改完刷新页面看效果。</div><div class="tip-prompt">参考提示词：帮我把地图变大一些，角色移动速度改快一点</div></div><div class="tip-item"><div class="tip-title">改颜色怎么改</div><div class="tip-desc">找到颜色相关的变量或 CSS 颜色值，让AI帮你换成喜欢的风格，比如改成冰雪地下城或火焰地下城。</div><div class="tip-prompt">参考提示词：帮我把地下城改成蓝色冰窟风格，墙壁改成深蓝色，地面改成浅蓝色</div></div><div class="tip-item"><div class="tip-title">加新机制怎么说</div><div class="tip-desc">直接描述你想要的效果，越具体越好。比如「加一个红色宝箱，捡到后角色速度变快10秒」。</div><div class="tip-prompt">参考提示词：帮我加一个血包，放在地图中央，捡到后恢复一格血量</div></div><div class="tip-item"><div class="tip-title">改坏了怎么办</div><div class="tip-desc">如果改完游戏出错了，打开浏览器控制台（F12），复制报错信息给AI，让它帮你找问题。</div><div class="tip-prompt">参考提示词：我改了这段代码之后游戏打不开了，控制台报错是：[粘贴报错]</div></div>
+        </div>
+      </section>
+    </div>
+  </div>
+</body>
+</html>

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/__student__.json ADDED Viewed

@@ -0,0 +1,60 @@
+{
+  "任务标题": "地下城大冒险",
+  "一句话说明": "先玩懂这个地下城探险游戏，然后改参数、改地图、加机制，做出一个属于你的版本。",
+  "步骤": [
+    {
+      "标题": "玩懂游戏",
+      "说明": "先玩一遍示范：用方向键或WASD移动，探索地下城，躲开敌人或打倒它们，试着找到出口或完成目标。搞清楚：角色怎么移动、敌人怎么行动、怎么才算通关。"
+    },
+    {
+      "标题": "改一个游戏参数",
+      "说明": "找到代码顶部的配置区域，改一个数字试试效果。比如把地图变大、让角色跑快点、或者让敌人更慢。改完确认游戏还能正常运行。"
+    },
+    {
+      "标题": "改一个视觉元素",
+      "说明": "改颜色或外观，让游戏看起来和原版不一样。比如换地下城的颜色风格、换角色样子、或者改背景主题。"
+    },
+    {
+      "标题": "加一个你的机制",
+      "说明": "想一个让游戏更好玩的新机制，让AI帮你实现。比如加宝箱道具、加计时器、加血包、加陷阱，或者改掉你觉得不合理的地方。"
+    }
+  ],
+  "评价目标": [
+    {
+      "等级": "一星",
+      "说明": "改了至少一个参数，游戏还能正常运行，能说出改了什么、有什么变化。"
+    },
+    {
+      "等级": "二星",
+      "说明": "改了参数和视觉，游戏玩起来和原版有明显区别。"
+    },
+    {
+      "等级": "三星",
+      "说明": "加了一个新机制或关卡元素，游戏有自己的设计想法，能说清楚为什么这样改。"
+    }
+  ],
+  "示例区标题": "游戏示范",
+  "示例页面文件": "__demo__.html",
+  "小提示": [
+    {
+      "标题": "配置参数在哪里",
+      "说明": "代码开头有配置区域，改地图大小、角色速度、敌人数量等数字就行，改完刷新页面看效果。",
+      "参考提示词": "帮我把地图变大一些，角色移动速度改快一点"
+    },
+    {
+      "标题": "改颜色怎么改",
+      "说明": "找到颜色相关的变量或 CSS 颜色值，让AI帮你换成喜欢的风格，比如改成冰雪地下城或火焰地下城。",
+      "参考提示词": "帮我把地下城改成蓝色冰窟风格，墙壁改成深蓝色，地面改成浅蓝色"
+    },
+    {
+      "标题": "加新机制怎么说",
+      "说明": "直接描述你想要的效果，越具体越好。比如「加一个红色宝箱，捡到后角色速度变快10秒」。",
+      "参考提示词": "帮我加一个血包，放在地图中央，捡到后恢复一格血量"
+    },
+    {
+      "标题": "改坏了怎么办",
+      "说明": "如果改完游戏出错了，打开浏览器控制台（F12），复制报错信息给AI，让它帮你找问题。",
+      "参考提示词": "我改了这段代码之后游戏打不开了，控制台报错是：[粘贴报错]"
+    }
+  ]
+}

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/__teacher-view__.html ADDED Viewed

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>C104 · 地下城大冒险</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { margin: 0; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #f4f7fb; color: #24324a; }
+    .page { max-width: 1400px; margin: 0 auto; padding: 20px; }
+    .hero { background: linear-gradient(135deg,#5f82ff 0%,#8c74ff 100%); color: #fff; border-radius: 24px; padding: 22px 24px; box-shadow: 0 16px 36px rgba(92,108,192,.22); }
+    .hero h1 { margin: 0; font-size: 28px; }
+    .hero p { margin: 8px 0 0; opacity: .92; font-size: 14px; }
+    .layout { margin-top: 18px; display: grid; grid-template-columns: 360px minmax(0,1fr); gap: 16px; align-items: start; }
+    .sidebar { display: grid; gap: 16px; }
+    .card, .preview-card { background: #fff; border: 1px solid #e7eefc; border-radius: 20px; padding: 18px; box-shadow: 0 10px 24px rgba(100,122,166,.08); }
+    .card h2, .preview-head h2 { margin: 0 0 12px; font-size: 18px; color: #314a96; }
+    .meta-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
+    .meta-item { background: #f8faff; border: 1px solid #e7eefc; border-radius: 14px; padding: 12px; }
+    .meta-item .label { font-size: 12px; color: #7a89ad; margin-bottom: 6px; }
+    .meta-item .value { font-size: 14px; color: #24324a; font-weight: 700; }
+    .tags { display: flex; flex-wrap: wrap; gap: 8px; }
+    .tag { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; background: #edf2ff; color: #4c65c3; font-size: 13px; font-weight: 700; }
+    .list { display: grid; gap: 10px; }
+    .list-item { background: #f8faff; border: 1px solid #e7eefc; border-radius: 14px; padding: 12px; line-height: 1.7; font-size: 14px; color: #60708b; }
+    .issue { border-left: 4px solid #8c74ff; background: #faf8ff; }
+    .issue strong { color: #314a96; display: block; margin: 6px 0; }
+    iframe { width: 100%; height: 900px; border: 1px solid #dfe7fb; border-radius: 16px; background: #fff; display: block; }
+    .empty-box { background: #f8faff; border: 1px dashed #cfdcff; border-radius: 14px; padding: 24px; color: #7a89ad; line-height: 1.8; }
+    @media (max-width: 960px) { .layout { grid-template-columns: 1fr; } iframe { height: 420px; } }
+  </style>
+</head>
+<body>
+  <div class="page">
+    <section class="hero">
+      <h1>C104 · 地下城大冒险</h1>
+      <p>这是根据教师 JSON 自动生成的可视化查看页，左边快速扫读，右边直接看作品预览。</p>
+    </section>
+    <section class="layout">
+      <div class="sidebar">
+        <div class="card"><h2>基础信息</h2><div class="meta-grid"><div class="meta-item"><div class="label">主能力标签</div><div class="value">第四能力：迭代推进</div></div><div class="meta-item"><div class="label">任务类型标签</div><div class="value">游戏机制</div></div></div></div>
+        <div class="card"><h2>适合学生类型</h2><div class="tags"><span class="tag">喜欢地牢探险、RPG类游戏的学生</span><span class="tag">做完基础网页想挑战带地图的互动游戏的学生</span><span class="tag">对游戏数值和关卡设计有想法的学生</span></div></div>
+        <div class="card"><h2>训练重点</h2><div class="list"><div class="list-item">读懂地图生成和角色移动逻辑，找到可以改的参数</div><div class="list-item">通过修改数值感受游戏难度和体验的变化</div><div class="list-item">把自己的关卡设计想法转化成具体的代码修改</div></div></div>
+        <div class="card"><h2>卡点和解决方案</h2><div class="list"><div class="list-item issue"><strong>卡点</strong>地图太大代码太复杂，不知道从哪里改<strong>解决方案</strong>引导学生先只看顶部的配置区域，改一个数字（如地图大小或敌人速度），刷新页面看效果，建立信心再往下探索</div><div class="list-item issue"><strong>卡点</strong>改了参数但游戏没反应<strong>解决方案</strong>提醒学生保存文件后要刷新页面，或者检查是否改到了注释里的数字而不是实际变量</div><div class="list-item issue"><strong>卡点</strong>想加新敌人或道具但不知道怎么描述<strong>解决方案</strong>引导学生先说「我想要什么效果」，再说「什么条件触发」，最后说「结果是什么」，三步描述后让AI帮实现</div><div class="list-item issue"><strong>卡点</strong>加了功能之后游戏卡死或报错<strong>解决方案</strong>让学生打开浏览器控制台看报错信息，复制给AI，养成看控制台的习惯</div></div></div>
+        <div class="card"><h2>可拓展方向</h2><div class="list"><div class="list-item">加宝箱或道具，捡到后获得特殊能力</div><div class="list-item">加多层地图，消灭所有敌人或找到出口后进入下一层</div><div class="list-item">加计分系统，记录最短时间或最少血量通关</div></div></div>
+        <div class="card"><h2>课后作业</h2><div class="list"><div class="list-item">回家再加一个让地下城更有趣的机制或关卡元素</div><div class="list-item">给家人介绍你改了什么，让他们试玩并说出感受</div></div></div>
+      </div>
+      <div class="preview-card"><div class="preview-head"><h2>作品预览</h2></div><iframe src="__demo__.html" title="作品预览"></iframe></div>
+    </section>
+  </div>
+</body>
+</html>

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/__teacher__.json ADDED Viewed

@@ -0,0 +1,45 @@
+{
+  "任务类别": "C",
+  "任务编号": "104",
+  "任务名称": "地下城大冒险",
+  "主能力标签": "第四能力：迭代推进",
+  "任务类型标签": "游戏机制",
+  "适合学生类型": [
+    "喜欢地牢探险、RPG类游戏的学生",
+    "做完基础网页想挑战带地图的互动游戏的学生",
+    "对游戏数值和关卡设计有想法的学生"
+  ],
+  "训练重点": [
+    "读懂地图生成和角色移动逻辑，找到可以改的参数",
+    "通过修改数值感受游戏难度和体验的变化",
+    "把自己的关卡设计想法转化成具体的代码修改"
+  ],
+  "卡点和解决方案": [
+    {
+      "卡点": "地图太大代码太复杂，不知道从哪里改",
+      "解决方案": "引导学生先只看顶部的配置区域，改一个数字（如地图大小或敌人速度），刷新页面看效果，建立信心再往下探索"
+    },
+    {
+      "卡点": "改了参数但游戏没反应",
+      "解决方案": "提醒学生保存文件后要刷新页面，或者检查是否改到了注释里的数字而不是实际变量"
+    },
+    {
+      "卡点": "想加新敌人或道具但不知道怎么描述",
+      "解决方案": "引导学生先说「我想要什么效果」，再说「什么条件触发」，最后说「结果是什么」，三步描述后让AI帮实现"
+    },
+    {
+      "卡点": "加了功能之后游戏卡死或报错",
+      "解决方案": "让学生打开浏览器控制台看报错信息，复制给AI，养成看控制台的习惯"
+    }
+  ],
+  "可拓展方向": [
+    "加宝箱或道具，捡到后获得特殊能力",
+    "加多层地图，消灭所有敌人或找到出口后进入下一层",
+    "加计分系统，记录最短时间或最少血量通关"
+  ],
+  "课后作业": [
+    "回家再加一个让地下城更有趣的机制或关卡元素",
+    "给家人介绍你改了什么，让他们试玩并说出感受"
+  ],
+  "_id": "9ffcd038"
+}

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/index.html ADDED Viewed

@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>地下城大冒险</title>
+  <style>
+    * { box-sizing: border-box; }
+    body {
+      margin: 0;
+      padding: 24px;
+      font-family: monospace;
+      background: #f6f8fc;
+      color: #1f2937;
+    }
+    .grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 20px;
+      align-items: start;
+    }
+    h2 {
+      margin: 0 0 10px;
+      font-size: 18px;
+    }
+    pre {
+      margin: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      background: #ffffff;
+      border: 1px solid #dbe3f0;
+      border-radius: 12px;
+      padding: 16px;
+      line-height: 1.7;
+    }
+  </style>
+</head>
+<body>
+<!--
+  [AI 编辑说明]
+  这是学生作品的主文件。当你开始编辑时：
+  1. 先删除 <body> 内所有现有内容（包括本注释）
+  2. 根据参考材料（__demo__.html 等 __XXX__ 文件）重新制作学生作品
+  __XXX__ 文件只读，不要修改。
+-->
+  <div class="grid">
+    <section>
+      <h2>评价目标</h2>
+      <pre>[
+  {
+    &quot;等级&quot;: &quot;一星&quot;,
+    &quot;说明&quot;: &quot;改了至少一个参数，游戏还能正常运行，能说出改了什么、有什么变化。&quot;
+  },
+  {
+    &quot;等级&quot;: &quot;二星&quot;,
+    &quot;说明&quot;: &quot;改了参数和视觉，游戏玩起来和原版有明显区别。&quot;
+  },
+  {
+    &quot;等级&quot;: &quot;三星&quot;,
+    &quot;说明&quot;: &quot;加了一个新机制或关卡元素，游戏有自己的设计想法，能说清楚为什么这样改。&quot;
+  }
+]</pre>
+    </section>
+    <section>
+      <h2>步骤</h2>
+      <pre>[
+  {
+    &quot;标题&quot;: &quot;玩懂游戏&quot;,
+    &quot;说明&quot;: &quot;先玩一遍示范：用方向键或WASD移动，探索地下城，躲开敌人或打倒它们，试着找到出口或完成目标。搞清楚：角色怎么移动、敌人怎么行动、怎么才算通关。&quot;
+  },
+  {
+    &quot;标题&quot;: &quot;改一个游戏参数&quot;,
+    &quot;说明&quot;: &quot;找到代码顶部的配置区域，改一个数字试试效果。比如把地图变大、让角色跑快点、或者让敌人更慢。改完确认游戏还能正常运行。&quot;
+  },
+  {
+    &quot;标题&quot;: &quot;改一个视觉元素&quot;,
+    &quot;说明&quot;: &quot;改颜色或外观，让游戏看起来和原版不一样。比如换地下城的颜色风格、换角色样子、或者改背景主题。&quot;
+  },
+  {
+    &quot;标题&quot;: &quot;加一个你的机制&quot;,
+    &quot;说明&quot;: &quot;想一个让游戏更好玩的新机制，让AI帮你实现。比如加宝箱道具、加计时器、加血包、加陷阱，或者改掉你觉得不合理的地方。&quot;
+  }
+]</pre>
+    </section>
+  </div>
+  <script type="application/json" id="task-data">
+{
+  "任务标题": "地下城大冒险",
+  "一句话说明": "先玩懂这个地下城探险游戏，然后改参数、改地图、加机制，做出一个属于你的版本。",
+  "步骤": [
+    {
+      "标题": "玩懂游戏",
+      "说明": "先玩一遍示范：用方向键或WASD移动，探索地下城，躲开敌人或打倒它们，试着找到出口或完成目标。搞清楚：角色怎么移动、敌人怎么行动、怎么才算通关。"
+    },
+    {
+      "标题": "改一个游戏参数",
+      "说明": "找到代码顶部的配置区域，改一个数字试试效果。比如把地图变大、让角色跑快点、或者让敌人更慢。改完确认游戏还能正常运行。"
+    },
+    {
+      "标题": "改一个视觉元素",
+      "说明": "改颜色或外观，让游戏看起来和原版不一样。比如换地下城的颜色风格、换角色样子、或者改背景主题。"
+    },
+    {
+      "标题": "加一个你的机制",
+      "说明": "想一个让游戏更好玩的新机制，让AI帮你实现。比如加宝箱道具、加计时器、加血包、加陷阱，或者改掉你觉得不合理的地方。"
+    }
+  ],
+  "评价目标": [
+    {
+      "等级": "一星",
+      "说明": "改了至少一个参数，游戏还能正常运行，能说出改了什么、有什么变化。"
+    },
+    {
+      "等级": "二星",
+      "说明": "改了参数和视觉，游戏玩起来和原版有明显区别。"
+    },
+    {
+      "等级": "三星",
+      "说明": "加了一个新机制或关卡元素，游戏有自己的设计想法，能说清楚为什么这样改。"
+    }
+  ],
+  "示例区标题": "游戏示范",
+  "示例页面文件": "__demo__.html",
+  "小提示": [
+    {
+      "标题": "配置参数在哪里",
+      "说明": "代码开头有配置区域，改地图大小、角色速度、敌人数量等数字就行，改完刷新页面看效果。",
+      "参考提示词": "帮我把地图变大一些，角色移动速度改快一点"
+    },
+    {
+      "标题": "改颜色怎么改",
+      "说明": "找到颜色相关的变量或 CSS 颜色值，让AI帮你换成喜欢的风格，比如改成冰雪地下城或火焰地下城。",
+      "参考提示词": "帮我把地下城改成蓝色冰窟风格，墙壁改成深蓝色，地面改成浅蓝色"
+    },
+    {
+      "标题": "加新机制怎么说",
+      "说明": "直接描述你想要的效果，越具体越好。比如「加一个红色宝箱，捡到后角色速度变快10秒」。",
+      "参考提示词": "帮我加一个血包，放在地图中央，捡到后恢复一格血量"
+    },
+    {
+      "标题": "改坏了怎么办",
+      "说明": "如果改完游戏出错了，打开浏览器控制台（F12），复制报错信息给AI，让它帮你找问题。",
+      "参考提示词": "我改了这段代码之后游戏打不开了，控制台报错是：[粘贴报错]"
+    }
+  ]
+}
+  </script>
+</body>
+</html>