minimal-agent 0.8.2 → 0.10.0

package/skills/ui-design/tests/e2e/runs/iteration-1/webpage/outputs/index.html

@@ -0,0 +1,534 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>舒适视觉 运营界面</title>
+  <style>
+    :root {
+      --ink: #102022;
+      --paper: #eef1eb;
+      --surface: #fbfaf3;
+      --surface-deep: #dfe7df;
+      --muted: #627171;
+      --line: rgba(16, 32, 34, 0.16);
+      --accent: #c85f3d;
+      --signal: #1f9eaa;
+      --amber: #c89c35;
+      --danger: #9f3d36;
+      --shadow: rgba(16, 32, 34, 0.16);
+      --radius: 8px;
+      --density: 1;
+      font-family: "Aptos", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+      min-height: 100vh;
+      background:
+        linear-gradient(90deg, rgba(16, 32, 34, 0.045) 1px, transparent 1px) 0 0 / 48px 48px,
+        linear-gradient(0deg, rgba(16, 32, 34, 0.035) 1px, transparent 1px) 0 0 / 48px 48px,
+        var(--paper);
+      color: var(--ink);
+    }
+
+    button,
+    input {
+      font: inherit;
+    }
+
+    .page {
+      min-height: 100vh;
+      padding: clamp(18px, 3vw, 40px);
+    }
+
+    .shell {
+      max-width: 1440px;
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1.28fr);
+      gap: calc(20px * var(--density));
+    }
+
+    .topbar {
+      grid-column: 1 / -1;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      padding: 12px 0 18px;
+      border-bottom: 1px solid var(--line);
+    }
+
+    .brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      min-width: 240px;
+    }
+
+    .mark {
+      width: 42px;
+      height: 42px;
+      border: 1px solid var(--ink);
+      border-radius: 50%;
+      background:
+        radial-gradient(circle at 50% 48%, var(--signal) 0 4px, transparent 5px),
+        repeating-linear-gradient(135deg, transparent 0 6px, rgba(16, 32, 34, 0.2) 7px 8px),
+        var(--surface);
+      box-shadow: inset 0 0 0 6px var(--paper);
+    }
+
+    .brand strong {
+      display: block;
+      font-size: 15px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .brand span,
+    .timestamp {
+      color: var(--muted);
+      font-size: 13px;
+    }
+
+    .status-strip {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+
+    .pill {
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      padding: 8px 11px;
+      background: rgba(251, 250, 243, 0.76);
+      font-size: 12px;
+      letter-spacing: 0.02em;
+      white-space: nowrap;
+    }
+
+    .panel {
+      background: rgba(251, 250, 243, 0.9);
+      border: 1px solid var(--line);
+      border-radius: var(--radius);
+      box-shadow: 0 22px 60px var(--shadow);
+    }
+
+    .summary {
+      padding: clamp(22px, 4vw, 44px);
+      display: grid;
+      align-content: space-between;
+      min-height: 620px;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .summary::after {
+      content: "";
+      position: absolute;
+      inset: auto -12% -18% 12%;
+      height: 260px;
+      background:
+        repeating-linear-gradient(110deg, rgba(31, 158, 170, 0.18) 0 10px, transparent 10px 24px),
+        linear-gradient(90deg, transparent, rgba(200, 95, 61, 0.22), transparent);
+      transform: rotate(-4deg);
+      pointer-events: none;
+    }
+
+    .eyebrow {
+      margin: 0 0 16px;
+      color: var(--accent);
+      font-size: 12px;
+      font-weight: 800;
+      letter-spacing: 0.13em;
+      text-transform: uppercase;
+    }
+
+    h1 {
+      margin: 0;
+      max-width: 780px;
+      font-size: clamp(48px, 7vw, 112px);
+      line-height: 0.89;
+      letter-spacing: 0;
+    }
+
+    .lead {
+      max-width: 560px;
+      margin: 24px 0 0;
+      color: var(--muted);
+      font-size: clamp(17px, 1.7vw, 22px);
+      line-height: 1.45;
+    }
+
+    .risk-index {
+      display: grid;
+      grid-template-columns: 110px 1fr;
+      gap: 18px;
+      align-items: end;
+      position: relative;
+      z-index: 1;
+    }
+
+    .score {
+      font-size: 84px;
+      line-height: 0.8;
+      font-weight: 800;
+    }
+
+    .score small {
+      font-size: 20px;
+      color: var(--muted);
+    }
+
+    .tide {
+      display: grid;
+      gap: 7px;
+    }
+
+    .tide span {
+      display: block;
+      height: 13px;
+      border-radius: 99px;
+      background: linear-gradient(90deg, var(--signal), var(--amber), var(--accent));
+      transform-origin: left;
+    }
+
+    .tide span:nth-child(2) { width: 72%; opacity: 0.72; }
+    .tide span:nth-child(3) { width: 48%; opacity: 0.46; }
+
+    .grid {
+      display: grid;
+      gap: calc(16px * var(--density));
+    }
+
+    .matrix {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 1px;
+      overflow: hidden;
+    }
+
+    .cell {
+      min-height: 176px;
+      padding: 18px;
+      background: rgba(251, 250, 243, 0.94);
+      border: 1px solid var(--line);
+    }
+
+    .cell strong {
+      display: block;
+      margin-bottom: 8px;
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .metric {
+      display: flex;
+      align-items: baseline;
+      gap: 8px;
+      margin: 18px 0 8px;
+      font-size: 38px;
+      font-weight: 800;
+    }
+
+    .metric span {
+      color: var(--muted);
+      font-size: 13px;
+      font-weight: 600;
+    }
+
+    .cell p,
+    .action p {
+      margin: 0;
+      color: var(--muted);
+      font-size: 14px;
+      line-height: 1.5;
+    }
+
+    .berths,
+    .actions {
+      padding: 20px;
+    }
+
+    .section-head {
+      display: flex;
+      align-items: end;
+      justify-content: space-between;
+      gap: 16px;
+      margin-bottom: 16px;
+    }
+
+    .section-head h2 {
+      margin: 0;
+      font-size: 20px;
+    }
+
+    .berth-row {
+      display: grid;
+      grid-template-columns: 90px 1fr 90px;
+      gap: 14px;
+      align-items: center;
+      padding: 13px 0;
+      border-top: 1px solid var(--line);
+    }
+
+    .berth-row:first-of-type {
+      border-top: 0;
+    }
+
+    .track {
+      height: 12px;
+      border-radius: 999px;
+      background: var(--surface-deep);
+      overflow: hidden;
+    }
+
+    .track i {
+      display: block;
+      height: 100%;
+      width: var(--w);
+      background: var(--c);
+    }
+
+    .badge {
+      justify-self: end;
+      border-radius: 999px;
+      padding: 6px 9px;
+      background: rgba(16, 32, 34, 0.08);
+      font-size: 12px;
+      color: var(--ink);
+    }
+
+    .actions {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 12px;
+    }
+
+    .action {
+      border-left: 3px solid var(--accent);
+      padding: 10px 12px;
+      background: rgba(223, 231, 223, 0.45);
+    }
+
+    .action strong {
+      display: block;
+      margin-bottom: 6px;
+      font-size: 14px;
+    }
+
+    .tweaks-panel {
+      position: fixed;
+      right: 20px;
+      bottom: 20px;
+      z-index: 20;
+      width: min(320px, calc(100vw - 40px));
+      display: none;
+      gap: 12px;
+      padding: 16px;
+      border: 1px solid var(--line);
+      border-radius: var(--radius);
+      background: var(--surface);
+      box-shadow: 0 18px 50px var(--shadow);
+    }
+
+    .tweaks-panel[data-open="true"] {
+      display: grid;
+    }
+
+    .tweaks-panel label {
+      display: grid;
+      gap: 7px;
+      font-size: 13px;
+      color: var(--muted);
+    }
+
+    @media (max-width: 980px) {
+      .shell {
+        grid-template-columns: 1fr;
+      }
+
+      .summary {
+        min-height: 500px;
+      }
+
+      .matrix,
+      .actions {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    @media (max-width: 620px) {
+      .page {
+        padding: 14px;
+      }
+
+      .topbar,
+      .section-head,
+      .risk-index {
+        display: grid;
+      }
+
+      .berth-row {
+        grid-template-columns: 72px 1fr;
+      }
+
+      .badge {
+        justify-self: start;
+        grid-column: 2;
+      }
+    }
+  </style>
+</head>
+<body>
+  <main class="page" data-screen-label="01 运营界面">
+    <div class="shell">
+      <header class="topbar">
+        <div class="brand">
+          <div class="mark" aria-hidden="true"></div>
+          <div>
+            <strong>舒适视觉</strong>
+            <span>韧性运营界面</span>
+          </div>
+        </div>
+        <div class="status-strip" aria-label="Operating status">
+          <span class="pill">北港池：横风观察</span>
+          <span class="pill">队列模型 06:40 更新</span>
+          <span class="pill">计划窗口：9 天</span>
+        </div>
+      </header>
+
+      <section class="summary panel">
+        <div>
+          <p class="eyebrow">每周泊位中断风险</p>
+          <h1>在风向转变前转移脆弱货流。</h1>
+          <p class="lead">未来两个潮汐周期会让 3 号与 4 号集装箱泊位进入狭窄天气窗口。舒适视觉 会在容量下降前排序泊位互换、岸电例外和安全疏浚到港。</p>
+        </div>
+        <div class="risk-index" aria-label="Risk index">
+          <div class="score">72<small>/100</small></div>
+          <div class="tide" aria-hidden="true">
+            <span></span>
+            <span></span>
+            <span></span>
+          </div>
+        </div>
+      </section>
+
+      <section class="grid">
+        <div class="matrix panel">
+          <article class="cell">
+            <strong>船舶队列</strong>
+            <div class="metric">18<span>艘到港</span></div>
+            <p>6 艘冷链船应在 31 节阵风带抵达外航道前完成调度。</p>
+          </article>
+          <article class="cell">
+            <strong>天气窗口</strong>
+            <div class="metric">11h<span>稳定期</span></div>
+            <p>安全吊装窗口压缩到周三中午至深夜，周五重新打开。</p>
+          </article>
+          <article class="cell">
+            <strong>排放暴露</strong>
+            <div class="metric">4.8t<span>CO2e 风险</span></div>
+            <p>将沥青散货船转移到 7 号泊位，可避免两次岸电冲突。</p>
+          </article>
+        </div>
+
+        <section class="berths panel">
+          <div class="section-head">
+            <h2>泊位压力</h2>
+            <span class="timestamp">实时模型 06:40 UTC</span>
+          </div>
+          <div class="berth-row">
+            <strong>B3</strong>
+            <div class="track"><i style="--w: 86%; --c: var(--danger);"></i></div>
+            <span class="badge">关键</span>
+          </div>
+          <div class="berth-row">
+            <strong>B4</strong>
+            <div class="track"><i style="--w: 74%; --c: var(--accent);"></i></div>
+            <span class="badge">紧张</span>
+          </div>
+          <div class="berth-row">
+            <strong>B6</strong>
+            <div class="track"><i style="--w: 48%; --c: var(--amber);"></i></div>
+            <span class="badge">观察</span>
+          </div>
+          <div class="berth-row">
+            <strong>B7</strong>
+            <div class="track"><i style="--w: 31%; --c: var(--signal);"></i></div>
+            <span class="badge">可用</span>
+          </div>
+        </section>
+
+        <section class="actions panel" aria-label="计划动作">
+          <article class="action">
+            <strong>互换冷链船序</strong>
+            <p>在冷藏插座负载低于 74% 时，将 Nereid Star 提前到散货之前。</p>
+          </article>
+          <article class="action">
+            <strong>暂缓疏浚通行</strong>
+            <p>延后 3.1 小时，避开内航道弯位的横流带。</p>
+          </article>
+          <article class="action">
+            <strong>保护岸电窗口</strong>
+            <p>在晚间上限前，为两次低硫例外保留 7 号泊位。</p>
+          </article>
+        </section>
+      </section>
+    </div>
+  </main>
+
+  <aside class="tweaks-panel" aria-label="调整">
+    <strong>调整</strong>
+    <label>强调色 <input data-tweak-primary type="color" value="#c85f3d"></label>
+    <label>信息密度 <input data-tweak-density type="range" min="0.8" max="1.2" step="0.05" value="1"></label>
+  </aside>
+
+  <script>
+    const UI_DESIGN_TWEAKS = /*EDITMODE-BEGIN*/{
+      "primaryColor": "#c85f3d",
+      "density": 1,
+      "variant": "operations"
+    }/*EDITMODE-END*/;
+
+    const tweaksPanel = document.querySelector('.tweaks-panel');
+
+    function applyTweaks(nextTweaks) {
+      document.documentElement.style.setProperty('--accent', nextTweaks.primaryColor || '#c85f3d');
+      document.documentElement.style.setProperty('--density', String(nextTweaks.density || 1));
+    }
+
+    function persistTweakPatch(patch) {
+      Object.assign(UI_DESIGN_TWEAKS, patch);
+      applyTweaks(UI_DESIGN_TWEAKS);
+      window.parent.postMessage({ type: '__edit_mode_set_keys', edits: patch }, '*');
+    }
+
+    window.addEventListener('message', (event) => {
+      if (event.data?.type === '__activate_edit_mode') {
+        tweaksPanel?.setAttribute('data-open', 'true');
+      }
+      if (event.data?.type === '__deactivate_edit_mode') {
+        tweaksPanel?.setAttribute('data-open', 'false');
+      }
+    });
+    window.parent.postMessage({ type: '__edit_mode_available' }, '*');
+    applyTweaks(UI_DESIGN_TWEAKS);
+
+    document.querySelector('[data-tweak-primary]')?.addEventListener('input', (event) => {
+      persistTweakPatch({ primaryColor: event.target.value });
+    });
+
+    document.querySelector('[data-tweak-density]')?.addEventListener('input', (event) => {
+      persistTweakPatch({ density: Number(event.target.value) });
+    });
+  </script>
+</body>
+</html>

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

@@ -0,0 +1,64 @@
+{
+  "homepage": {
+    "path": "homepage.html",
+    "desktopInfo": {
+      "clientWidth": 1280,
+      "h1": "企业 AI 平台，进入实时观测轨道。",
+      "h1Height": 215.625,
+      "hasHorizontalOverflow": false,
+      "lang": "zh-CN",
+      "screenLabel": "01 星云控制台官网",
+      "scrollWidth": 1280,
+      "title": "Nebula Console 星云控制台官网样张",
+      "tweakBlock": true,
+      "viewport": {
+        "height": 900,
+        "width": 1280
+      }
+    },
+    "desktopLogs": [],
+    "mobileInfo": {
+      "clientWidth": 390,
+      "h1": "企业 AI 平台，进入实时观测轨道。",
+      "h1Height": 127.7578125,
+      "hasHorizontalOverflow": false,
+      "scrollWidth": 390,
+      "viewport": {
+        "height": 980,
+        "width": 390
+      }
+    },
+    "mobileLogs": []
+  },
+  "console": {
+    "path": "console.html",
+    "desktopInfo": {
+      "clientWidth": 1280,
+      "h1": "模型任务轨道",
+      "h1Height": 42.234375,
+      "hasHorizontalOverflow": false,
+      "lang": "zh-CN",
+      "screenLabel": "02 星云控制台产品界面",
+      "scrollWidth": 1280,
+      "title": "Nebula Console 星云控制台产品样张",
+      "tweakBlock": true,
+      "viewport": {
+        "height": 900,
+        "width": 1280
+      }
+    },
+    "desktopLogs": [],
+    "mobileInfo": {
+      "clientWidth": 390,
+      "h1": "模型任务轨道",
+      "h1Height": 30.796875,
+      "hasHorizontalOverflow": false,
+      "scrollWidth": 390,
+      "viewport": {
+        "height": 980,
+        "width": 390
+      }
+    },
+    "mobileLogs": []
+  }
+}

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

@@ -0,0 +1,7 @@
+通过: minimal-agent/skills/ui-design/SKILL.md
+通过: minimal-agent/skills/ui-design/references/vi-nebula-console.md
+通过: minimal-agent/skills/ui-design/evals/evals.json
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/prompt.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/outputs/homepage.html
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/outputs/console.html
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/review.md

package/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/checks/quick-validate.txt

@@ -0,0 +1 @@
+Skill is valid!

package/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/checks/static-console.txt

@@ -0,0 +1,2 @@
+ui-design artifact check: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/outputs/console.html
+WARNING: Low-opacity white glass surface found. Ensure text remains readable over gradients.

package/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/checks/static-homepage.txt

@@ -0,0 +1,2 @@
+ui-design artifact check: minimal-agent/skills/ui-design/tests/e2e/runs/nebula-console-iteration-1/outputs/homepage.html
+WARNING: Low-opacity white glass surface found. Ensure text remains readable over gradients.