minimal-agent 0.8.2 → 0.10.0

package/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/outputs/page-02.html

@@ -0,0 +1,433 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>黑曜界面测试 02</title>
+  <style>
+    :root {
+      --ink: #f2f7ff;
+      --ink-soft: #d5e2f2;
+      --muted: #91a3b7;
+      --paper: #03050a;
+      --paper-blue: #060d18;
+      --surface: rgba(10, 18, 30, 0.84);
+      --surface-glass: rgba(16, 32, 52, 0.64);
+      --surface-raised: rgba(24, 42, 66, 0.9);
+      --line: rgba(148, 213, 255, 0.20);
+      --line-strong: rgba(148, 213, 255, 0.42);
+      --accent: #33b8ff;
+      --signal: #2ee8d6;
+      --matrix: #8dffb4;
+      --violet: #8b5cf6;
+      --amber: #f5b84b;
+      --danger: #ff4d5e;
+      --shadow: rgba(0, 10, 28, 0.68);
+      color-scheme: dark;
+      font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Inter, sans-serif;
+    }
+
+    * { box-sizing: border-box; }
+
+    body {
+      margin: 0;
+      min-height: 100vh;
+      color: var(--ink);
+      background:
+        radial-gradient(circle at 78% 18%, rgba(46, 232, 214, 0.18), transparent 26%),
+        radial-gradient(circle at 36% 10%, rgba(51, 184, 255, 0.30), transparent 30%),
+        radial-gradient(circle at 50% 92%, rgba(139, 92, 246, 0.22), transparent 34%),
+        linear-gradient(160deg, #020309, var(--paper-blue) 48%, #010207);
+      overflow-x: hidden;
+    }
+
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      background:
+        linear-gradient(115deg, transparent 0 42%, rgba(51, 184, 255, 0.10) 42% 43%, transparent 43%),
+        repeating-linear-gradient(0deg, transparent 0 27px, rgba(148, 213, 255, 0.035) 28px 29px);
+      opacity: 0.7;
+    }
+
+    .screen {
+      position: relative;
+      width: min(1440px, 100%);
+      min-height: 100vh;
+      margin: 0 auto;
+      padding: 34px clamp(18px, 4vw, 64px) 40px;
+    }
+
+    .shell {
+      display: grid;
+      grid-template-columns: 280px minmax(0, 1fr) 330px;
+      gap: 18px;
+      min-height: calc(100vh - 74px);
+    }
+
+    .panel,
+    .dock,
+    .viewport,
+    .module,
+    .glass-button {
+      border: 1px solid var(--line);
+      background: linear-gradient(145deg, rgba(24, 42, 66, 0.74), rgba(7, 14, 25, 0.70));
+      box-shadow: 0 26px 80px var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
+      backdrop-filter: blur(22px);
+    }
+
+    .panel {
+      border-radius: 20px;
+      padding: 18px;
+    }
+
+    .panel h2,
+    .module h3 {
+      margin: 0;
+      font-size: 18px;
+      letter-spacing: 0;
+    }
+
+    .panel p,
+    .module p {
+      color: var(--muted);
+      line-height: 1.62;
+      font-size: 14px;
+    }
+
+    .logo {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 24px;
+    }
+
+    .logo i {
+      width: 44px;
+      height: 44px;
+      border-radius: 11px;
+      border: 1px solid rgba(148, 213, 255, 0.32);
+      background:
+        linear-gradient(135deg, rgba(51, 184, 255, 0.92), rgba(139, 92, 246, 0.42)),
+        radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.96), transparent 15%);
+      box-shadow: 0 0 30px rgba(51, 184, 255, 0.42);
+    }
+
+    .nav-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      min-height: 46px;
+      margin: 10px 0;
+      padding: 0 13px;
+      border: 1px solid rgba(148, 213, 255, 0.12);
+      border-radius: 12px;
+      color: var(--ink-soft);
+      background: rgba(3, 5, 10, 0.34);
+    }
+
+    .nav-item.active {
+      border-color: rgba(51, 184, 255, 0.54);
+      color: var(--ink);
+      background: linear-gradient(135deg, rgba(51, 184, 255, 0.20), rgba(46, 232, 214, 0.08));
+      box-shadow: inset 0 0 18px rgba(51, 184, 255, 0.12);
+    }
+
+    .viewport {
+      position: relative;
+      overflow: hidden;
+      border-radius: 24px;
+      padding: clamp(22px, 3vw, 34px);
+    }
+
+    .viewport::before {
+      content: "";
+      position: absolute;
+      inset: 22px;
+      pointer-events: none;
+      border: 1px solid rgba(148, 213, 255, 0.16);
+      clip-path: polygon(6% 0, 100% 0, 100% 90%, 92% 100%, 0 100%, 0 8%);
+      background:
+        radial-gradient(circle at 50% 44%, rgba(51, 184, 255, 0.16), transparent 28%),
+        repeating-linear-gradient(90deg, transparent 0 52px, rgba(148, 213, 255, 0.045) 53px 54px),
+        repeating-linear-gradient(0deg, transparent 0 52px, rgba(148, 213, 255, 0.045) 53px 54px);
+    }
+
+    .viewport-content {
+      position: relative;
+      z-index: 1;
+      display: grid;
+      min-height: 100%;
+      grid-template-rows: auto 1fr auto;
+      gap: 20px;
+    }
+
+    .title-row {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 18px;
+    }
+
+    h1 {
+      margin: 0;
+      max-width: 640px;
+      font-size: clamp(38px, 5vw, 68px);
+      line-height: 1.06;
+      letter-spacing: 0;
+    }
+
+    .chip {
+      display: inline-flex;
+      align-items: center;
+      min-height: 38px;
+      padding: 0 13px;
+      border: 1px solid rgba(46, 232, 214, 0.36);
+      border-radius: 999px;
+      color: #c7fffb;
+      background: rgba(46, 232, 214, 0.10);
+      white-space: nowrap;
+      font-size: 13px;
+    }
+
+    .core {
+      position: relative;
+      display: grid;
+      place-items: center;
+      min-height: 390px;
+    }
+
+    .core-ring {
+      position: absolute;
+      width: min(52vw, 560px);
+      aspect-ratio: 1;
+      border: 1px solid rgba(51, 184, 255, 0.24);
+      border-radius: 50%;
+      box-shadow:
+        inset 0 0 42px rgba(51, 184, 255, 0.10),
+        0 0 70px rgba(51, 184, 255, 0.10);
+    }
+
+    .core-ring:nth-child(2) {
+      width: min(39vw, 420px);
+      border-style: dashed;
+      border-color: rgba(46, 232, 214, 0.28);
+      transform: rotate(18deg);
+    }
+
+    .core-card {
+      position: relative;
+      width: min(420px, 88%);
+      border: 1px solid var(--line-strong);
+      border-radius: 22px;
+      padding: 24px;
+      background: rgba(3, 5, 10, 0.78);
+      box-shadow: 0 26px 70px rgba(0, 10, 28, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.08);
+      backdrop-filter: blur(24px);
+      text-align: center;
+    }
+
+    .core-card strong {
+      display: block;
+      margin-top: 4px;
+      font-size: clamp(46px, 6vw, 78px);
+      line-height: 1;
+    }
+
+    .core-card span {
+      color: var(--muted);
+      font-size: 14px;
+    }
+
+    .button-row {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 12px;
+    }
+
+    .glass-button {
+      min-height: 58px;
+      border-radius: 16px;
+      color: var(--ink);
+      font: inherit;
+      font-weight: 750;
+    }
+
+    .glass-button.primary {
+      border-color: rgba(111, 217, 255, 0.72);
+      background: linear-gradient(135deg, rgba(51, 184, 255, 0.92), rgba(46, 232, 214, 0.42));
+      box-shadow: 0 0 34px rgba(51, 184, 255, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.18);
+    }
+
+    .modules {
+      display: grid;
+      gap: 14px;
+    }
+
+    .module {
+      border-radius: 18px;
+      padding: 18px;
+    }
+
+    .module-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      margin-top: 14px;
+      color: var(--ink-soft);
+      font-size: 14px;
+    }
+
+    .dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background: var(--matrix);
+      box-shadow: 0 0 18px var(--matrix);
+    }
+
+    .dock {
+      position: absolute;
+      left: 50%;
+      bottom: 28px;
+      z-index: 2;
+      display: flex;
+      gap: 10px;
+      transform: translateX(-50%);
+      border-radius: 999px;
+      padding: 10px;
+    }
+
+    .dock button {
+      min-width: 92px;
+      min-height: 44px;
+      border: 1px solid rgba(148, 213, 255, 0.18);
+      border-radius: 999px;
+      color: var(--ink-soft);
+      background: rgba(3, 5, 10, 0.52);
+      font: inherit;
+      font-weight: 700;
+    }
+
+    .dock button:first-child {
+      color: var(--ink);
+      background: linear-gradient(135deg, rgba(51, 184, 255, 0.42), rgba(46, 232, 214, 0.16));
+    }
+
+    @media (max-width: 1100px) {
+      .shell { grid-template-columns: 1fr; }
+      .panel.side { display: none; }
+      .viewport { min-height: 760px; }
+    }
+
+    @media (max-width: 640px) {
+      .screen { padding: 16px 12px 28px; }
+      .panel { border-radius: 16px; }
+      .viewport { min-height: 740px; padding: 20px 16px; border-radius: 18px; }
+      .title-row { flex-direction: column; }
+      h1 { font-size: clamp(36px, 12vw, 48px); line-height: 1.08; }
+      .core { min-height: 340px; }
+      .core-ring { width: 86vw; }
+      .core-ring:nth-child(2) { width: 66vw; }
+      .button-row { grid-template-columns: 1fr 1fr; }
+      .glass-button { min-height: 52px; }
+      .dock {
+        position: static;
+        flex-wrap: wrap;
+        justify-content: center;
+        margin-top: 18px;
+        transform: none;
+        border-radius: 18px;
+      }
+      .dock button { flex: 1 1 120px; }
+    }
+  </style>
+</head>
+<body>
+  <main class="screen" data-screen-label="02 玻璃操作台">
+    <section class="shell">
+      <aside class="panel side" aria-label="系统侧栏">
+        <div class="logo">
+          <i aria-hidden="true"></i>
+          <div>
+            <h2>玄穹 XUI</h2>
+            <p style="margin: 4px 0 0">透明任务窗口</p>
+          </div>
+        </div>
+        <div class="nav-item active"><span>核心监看</span><span>01</span></div>
+        <div class="nav-item"><span>航道控制</span><span>02</span></div>
+        <div class="nav-item"><span>节点校验</span><span>03</span></div>
+        <div class="nav-item"><span>风险复核</span><span>04</span></div>
+      </aside>
+
+      <section class="viewport" aria-label="主操作窗口">
+        <div class="viewport-content">
+          <div class="title-row">
+            <h1>深色玻璃窗口里的可操作按钮。</h1>
+            <span class="chip">当前窗口 · 可操作</span>
+          </div>
+
+          <div class="core" aria-label="核心状态">
+            <div class="core-ring"></div>
+            <div class="core-ring"></div>
+            <article class="core-card">
+              <span>系统稳定指数</span>
+              <strong>97.4</strong>
+              <p>阅读信息始终落在稳定深色面，背景光只提供空间感。</p>
+            </article>
+          </div>
+
+          <div class="button-row" aria-label="玻璃按钮组">
+            <button class="glass-button primary">同步</button>
+            <button class="glass-button">锁定</button>
+            <button class="glass-button">切换</button>
+            <button class="glass-button">复核</button>
+          </div>
+        </div>
+        <div class="dock" aria-label="悬浮工具条">
+          <button>总览</button>
+          <button>轨道</button>
+          <button>日志</button>
+        </div>
+      </section>
+
+      <aside class="modules" aria-label="右侧状态模块">
+        <article class="module">
+          <h3>窗口透明度</h3>
+          <p>外层保持玻璃质感，内层阅读面控制文字对比。</p>
+          <div class="module-row"><span>玻璃强度</span><strong>64%</strong></div>
+        </article>
+        <article class="module">
+          <h3>信号队列</h3>
+          <p>青蓝用于在线与传输，紫色仅提示预测层。</p>
+          <div class="module-row"><span>在线同步</span><i class="dot"></i></div>
+        </article>
+        <article class="module">
+          <h3>告警纪律</h3>
+          <p>琥珀和红色只在异常处出现，不参与装饰。</p>
+          <div class="module-row"><span>待复核事件</span><strong style="color: var(--amber)">2</strong></div>
+        </article>
+      </aside>
+    </section>
+  </main>
+  <script>
+    window.addEventListener("message", (event) => {
+      if (event.data && event.data.type === "__edit_mode_set_keys") {
+        const edits = event.data.edits || {};
+        if (edits.accent) document.documentElement.style.setProperty("--accent", edits.accent);
+        if (edits.glass) document.documentElement.style.setProperty("--surface-glass", edits.glass);
+        if (edits.grid) document.body.style.setProperty("--grid-opacity", edits.grid);
+      }
+    });
+    const UI_DESIGN_TWEAKS = /*EDITMODE-BEGIN*/{
+      "accent": "#33b8ff",
+      "glass": "rgba(16, 32, 52, 0.64)",
+      "grid": "0.70"
+    }/*EDITMODE-END*/;
+    window.parent.postMessage({ type: "__edit_mode_available", edits: UI_DESIGN_TWEAKS }, "*");
+  </script>
+</body>
+</html>

package/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/prompt.md

@@ -0,0 +1,13 @@
+# 黑曜界面两页视觉测试提示
+
+使用 `Obsidian XUI / 黑曜界面` VI，为一个原创中文空间智能系统设计两页 HTML 样张截图。
+
+要求：
+
+- 整体像科幻电影里的透明控制界面，但必须是普通网页上可读、可点、可商用的界面。
+- 按钮、窗口、状态栏使用半透明或玻璃效果。
+- 黑色有层次，蓝青渐变和少量紫色只服务结构，不做廉价满屏霓虹。
+- 用户可见文案全部使用简体中文。
+- 每页包含 `data-screen-label` 和唯一合法 `EDITMODE` JSON block。
+- 暴露可调 Tweaks：主蓝色、玻璃强度、网格强度。
+- 跑静态检查、语言检查、浏览器桌面/移动截图，并写简短评审。

package/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-01/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/outputs/page-01.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-01/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "黑曜界面测试 01",
+      "screenLabels": [
+        "01 深空指挥窗口"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 1440,
+      "viewportWidth": 1440,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "mobile": {
+    "viewport": {
+      "width": 390,
+      "height": 844
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-01/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "黑曜界面测试 01",
+      "screenLabels": [
+        "01 深空指挥窗口"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 390,
+      "viewportWidth": 390,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "issues": [],
+  "pass": true
+}

package/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-02/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/outputs/page-02.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-02/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "黑曜界面测试 02",
+      "screenLabels": [
+        "02 玻璃操作台"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 1440,
+      "viewportWidth": 1440,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "mobile": {
+    "viewport": {
+      "width": 390,
+      "height": 844
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/obsidian-xui-screenshot-check-1/screenshots/page-02/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "黑曜界面测试 02",
+      "screenLabels": [
+        "02 玻璃操作台"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 390,
+      "viewportWidth": 390,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "issues": [],
+  "pass": true
+}

package/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/checks/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/outputs/index.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/screenshots/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "岚镜 S1 产品展示",
+      "screenLabels": [
+        "01 岚镜产品首页"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 1440,
+      "viewportWidth": 1440,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "mobile": {
+    "viewport": {
+      "width": 390,
+      "height": 844
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/screenshots/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "岚镜 S1 产品展示",
+      "screenLabels": [
+        "01 岚镜产品首页"
+      ],
+      "editModeBlocks": 1,
+      "hasEditModeAvailable": true,
+      "hasEditModeSetKeys": true,
+      "hasEditsPayload": true,
+      "documentWidth": 390,
+      "viewportWidth": 390,
+      "horizontalOverflow": false,
+      "smallTargets": []
+    }
+  },
+  "issues": [],
+  "pass": true
+}

package/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/checks/language-check.txt

@@ -0,0 +1,3 @@
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/prompt.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/execution_notes.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/outputs/index.html

package/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/checks/static-check.txt

@@ -0,0 +1,2 @@
+静态检查目标：minimal-agent/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/outputs/index.html
+结果：通过，未发现问题。

package/skills/ui-design/tests/e2e/runs/precision-horizon-iteration-1/execution_notes.md

@@ -0,0 +1,24 @@
+# 设计执行声明
+
+## 任务类型
+
+高端产品展示官网首页，输出单文件中文 HTML。
+
+## 使用 VI
+
+使用 `Precision Horizon / 精密地平线`。选择理由：本任务是智能硬件产品展示，需要产品主角、材质光、参数视觉化、发布页节奏和克制黑白灰色盘。
+
+## 视觉系统策略
+
+- 背景策略：冷雾科技 + 材料同色系。页面以冷白、雾蓝、石墨灰为主，少量科技蓝用于行动和参数焦点。
+- 产品表现：用原创抽象设备渲染表达云台相机，不使用真实品牌图片。
+- 结构语言：首屏产品镜头最大，后续用大数字参数、材质特写、使用场景和型号对比逐层展开。
+- 中文排版：标题大而短，正文 16-18px，行高约 1.55，不使用负字距。
+
+## Tweaks 设计
+
+暴露主强调色、背景模式和光感强度，使用 `{ edits: patch }` 持久化。
+
+## 验证计划
+
+运行 `check_ui_artifact.py`、`check_language_policy.py` 和 `browser_check_ui_artifact.mjs`，再人工查看桌面与移动截图，重点检查产品是否是主角、参数是否清晰、中文断行是否自然、移动端是否无横向溢出。