minimal-agent 0.8.2 → 0.10.0

package/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/outputs/platform.html

@@ -0,0 +1,378 @@
+<!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: #101014;
+      --ink-soft: #2b2b33;
+      --muted: #636574;
+      --paper: #fffdfb;
+      --paper-cool: #f7f9ff;
+      --surface: #ffffff;
+      --surface-warm: #fff0ed;
+      --line: rgba(16, 16, 20, 0.10);
+      --line-warm: rgba(255, 92, 56, 0.22);
+      --accent: #ff3f3a;
+      --accent-orange: #e21d2f;
+      --accent-gold: #ff8a00;
+      --blue: #2563eb;
+      --violet: #7c3aed;
+      --cyan: #14b8c8;
+      --shadow: rgba(255, 63, 58, 0.18);
+      font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Inter, sans-serif;
+      color: var(--ink);
+      background: var(--paper);
+    }
+
+    * { box-sizing: border-box; }
+
+    body {
+      margin: 0;
+      min-height: 100vh;
+      overflow-x: hidden;
+      background:
+        radial-gradient(circle at 82% 12%, rgba(124, 58, 237, 0.12), transparent 24%),
+        radial-gradient(circle at 22% 18%, rgba(240, 68, 47, 0.16), transparent 26%),
+        linear-gradient(180deg, #fffdfb 0%, #f7f9ff 100%);
+    }
+
+    .page {
+      width: min(1440px, 100%);
+      margin: 0 auto;
+      padding: 34px clamp(18px, 4vw, 64px) 64px;
+    }
+
+    .top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      min-height: 58px;
+      margin-bottom: 34px;
+    }
+
+    .brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-weight: 850;
+    }
+
+    .mark {
+      width: 38px;
+      height: 38px;
+      border-radius: 13px;
+      background: conic-gradient(from 220deg, var(--accent), var(--accent-orange), var(--accent), var(--blue), var(--violet), var(--accent));
+      box-shadow: 0 14px 30px rgba(240, 68, 47, 0.16);
+    }
+
+    .status {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      gap: 10px;
+    }
+
+    .pill {
+      display: inline-flex;
+      align-items: center;
+      min-height: 36px;
+      padding: 0 12px;
+      border-radius: 999px;
+      border: 1px solid var(--line);
+      background: rgba(255, 255, 255, 0.78);
+      color: var(--muted);
+      font-size: 13px;
+      font-weight: 720;
+      white-space: nowrap;
+    }
+
+    .layout {
+      display: grid;
+      grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr);
+      gap: 24px;
+      align-items: stretch;
+    }
+
+    .intro {
+      padding: 34px;
+      border: 1px solid var(--line);
+      border-radius: 28px;
+      background: rgba(255, 255, 255, 0.86);
+      box-shadow: 0 26px 68px rgba(16, 16, 20, 0.08);
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      min-height: 34px;
+      align-items: center;
+      padding: 0 12px;
+      border-radius: 999px;
+      color: var(--accent);
+      background: var(--surface-warm);
+      border: 1px solid var(--line-warm);
+      font-size: 13px;
+      font-weight: 760;
+    }
+
+    h1 {
+      margin: 22px 0 18px;
+      font-size: clamp(44px, 6vw, 78px);
+      line-height: 1.05;
+      letter-spacing: 0;
+    }
+
+    .lead {
+      max-width: 610px;
+      color: var(--muted);
+      font-size: clamp(16px, 1.5vw, 18px);
+      line-height: 1.7;
+    }
+
+    .stats {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 12px;
+      margin-top: 30px;
+    }
+
+    .stat {
+      min-height: 118px;
+      padding: 16px;
+      border: 1px solid var(--line);
+      border-radius: 18px;
+      background: #fff;
+    }
+
+    .stat span {
+      display: block;
+      color: var(--muted);
+      font-size: 13px;
+    }
+
+    .stat strong {
+      display: block;
+      margin-top: 14px;
+      font-size: 30px;
+      line-height: 1;
+    }
+
+    .workspace {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr);
+      gap: 16px;
+    }
+
+    .code {
+      position: relative;
+      min-height: 342px;
+      overflow: hidden;
+      border-radius: 28px;
+      color: #fff;
+      background:
+        radial-gradient(circle at 80% 0%, rgba(37, 99, 235, 0.22), transparent 28%),
+        linear-gradient(145deg, #101014, #1b1720);
+      box-shadow: 0 30px 80px rgba(16, 16, 20, 0.18);
+    }
+
+    .code-head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      min-height: 58px;
+      padding: 0 20px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.10);
+      color: rgba(255, 255, 255, 0.68);
+      font-size: 13px;
+    }
+
+    .code pre {
+      margin: 0;
+      padding: 24px;
+      color: rgba(255, 255, 255, 0.82);
+      font: 14px/1.75 "SFMono-Regular", "Cascadia Mono", "Roboto Mono", monospace;
+      white-space: pre-wrap;
+    }
+
+    .code b { color: #ffb37b; }
+    .code em { color: #9fb7ff; font-style: normal; }
+    .code strong { color: #d1b2ff; }
+
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 14px;
+    }
+
+    .card {
+      min-height: 178px;
+      padding: 18px;
+      border: 1px solid var(--line);
+      border-radius: 20px;
+      background: #fff;
+      box-shadow: 0 18px 46px rgba(16, 16, 20, 0.06);
+    }
+
+    .bar {
+      height: 7px;
+      width: 48px;
+      margin-bottom: 18px;
+      border-radius: 999px;
+      background: var(--accent);
+    }
+
+    .card:nth-child(2) .bar { background: var(--blue); }
+    .card:nth-child(3) .bar { background: var(--violet); }
+
+    .card h2 {
+      margin: 0 0 10px;
+      font-size: 20px;
+      line-height: 1.25;
+    }
+
+    .card p {
+      margin: 0;
+      color: var(--muted);
+      font-size: 14px;
+      line-height: 1.62;
+    }
+
+    .plans {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+      margin-top: 24px;
+    }
+
+    .plan {
+      padding: 22px;
+      border: 1px solid var(--line);
+      border-radius: 22px;
+      background: #fff;
+    }
+
+    .plan.hot {
+      border-color: var(--line-warm);
+      background: linear-gradient(145deg, #fff, var(--surface-warm));
+    }
+
+    .plan h3 {
+      margin: 0 0 12px;
+      font-size: 22px;
+    }
+
+    .plan p {
+      margin: 0;
+      color: var(--muted);
+      line-height: 1.6;
+    }
+
+    .plan button {
+      width: 100%;
+      min-height: 46px;
+      margin-top: 18px;
+      border: 0;
+      border-radius: 14px;
+      color: #fff;
+      background: linear-gradient(135deg, var(--accent), var(--accent-orange));
+      font: inherit;
+      font-weight: 780;
+    }
+
+    .plan:not(.hot) button {
+      color: var(--ink);
+      background: #fff;
+      border: 1px solid var(--line);
+    }
+
+    @media (max-width: 1000px) {
+      .layout { grid-template-columns: 1fr; }
+      .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+    }
+
+    @media (max-width: 640px) {
+      .page { padding: 18px 14px 42px; }
+      .top { align-items: flex-start; flex-direction: column; }
+      .status { justify-content: flex-start; }
+      .intro { padding: 24px 18px; border-radius: 22px; }
+      h1 { font-size: clamp(38px, 12vw, 50px); line-height: 1.08; }
+      .lead { font-size: 15px; }
+      .stats { grid-template-columns: 1fr; }
+      .cards { grid-template-columns: 1fr; }
+      .plans { grid-template-columns: 1fr; }
+      .code pre { font-size: 12px; line-height: 1.72; padding: 18px; }
+    }
+  </style>
+</head>
+<body>
+  <main class="page" data-screen-label="02 模型平台能力页">
+    <header class="top">
+      <div class="brand"><span class="mark" aria-hidden="true"></span><span>棱焰智能</span></div>
+      <div class="status">
+        <span class="pill">模型延迟 480 毫秒</span>
+        <span class="pill">接口可用率 99.95%</span>
+        <span class="pill">中文优先</span>
+      </div>
+    </header>
+
+    <section class="layout">
+      <div>
+        <article class="intro">
+          <span class="eyebrow">开发者与产品团队共用</span>
+          <h1>评测工作台。</h1>
+          <p class="lead">棱焰智能用黑色代码面板呈现工程可信度，用白色卡片整理业务能力，红色推动关键转化，蓝紫负责区分技术模块。</p>
+          <div class="stats">
+            <div class="stat"><span>上下文长度</span><strong>256K</strong></div>
+            <div class="stat"><span>任务模板</span><strong>48</strong></div>
+            <div class="stat"><span>评测维度</span><strong>12</strong></div>
+          </div>
+        </article>
+
+        <section class="plans" aria-label="套餐入口">
+          <article class="plan hot"><h3>团队版</h3><p>适合原型验证、知识库接入和多模型对比。</p><button>开始部署</button></article>
+          <article class="plan"><h3>企业版</h3><p>支持私有知识、权限审计和高级评测流程。</p><button>预约顾问</button></article>
+        </section>
+      </div>
+
+      <div class="workspace">
+        <section class="code" aria-label="代码调用示例">
+          <div class="code-head"><span>接口调用示例</span><span>稳定版</span></div>
+          <pre><b>请求</b>：生成产品发布摘要
+<em>模型</em>：棱焰大模型
+<em>输入</em>：用户访谈、竞品记录、研发日志
+<strong>输出</strong>：要点、风险、下一步
+
+结果：返回结构化内容
+评估：事实一致、语气稳定、风险可追踪
+动作：生成发布稿并同步到评测看板</pre>
+        </section>
+
+        <section class="cards" aria-label="平台能力">
+          <article class="card"><div class="bar"></div><h2>红橙行动</h2><p>用于发布、购买、部署和关键转化，面积克制但足够醒目。</p></article>
+          <article class="card"><div class="bar"></div><h2>蓝色工程</h2><p>承载 API、参数、文档和开发者入口，增强技术可信度。</p></article>
+          <article class="card"><div class="bar"></div><h2>紫色多模态</h2><p>只标记图像、语音、视频和创作能力，不抢主色。</p></article>
+        </section>
+      </div>
+    </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.orange) document.documentElement.style.setProperty("--accent-orange", edits.orange);
+        if (edits.blue) document.documentElement.style.setProperty("--blue", edits.blue);
+      }
+    });
+    const UI_DESIGN_TWEAKS = /*EDITMODE-BEGIN*/{
+      "accent": "#ff3f3a",
+      "orange": "#e21d2f",
+      "blue": "#2563eb"
+    }/*EDITMODE-END*/;
+    window.parent.postMessage({ type: "__edit_mode_available", edits: UI_DESIGN_TWEAKS }, "*");
+  </script>
+</body>
+</html>

package/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/prompt.md

@@ -0,0 +1,13 @@
+# 棱焰智能两页视觉测试提示
+
+使用 `Ember Prism / 棱焰智能` VI，为一个原创中文 AI 产品品牌设计两页 HTML 样张。
+
+要求：
+
+- 页面 1 是官网首页，体现白底、黑字、红色主导行动、少量橙色火花和蓝紫能力点缀。
+- 页面 2 是模型平台/开发者能力页，体现产品矩阵、代码面板、模型能力与套餐信息。
+- 用户可见文案必须是简体中文。
+- 不出现真实 AI 公司名称、标识、产品名、页面结构或原始文案。
+- 每页包含 `data-screen-label` 和唯一合法 `EDITMODE` JSON block。
+- Tweaks 使用 `edits`，可调主红色、橙色能量和彩色点缀强度。
+- 跑静态检查、语言检查、浏览器截图，并评审配色、构图、中文排版和沟通文案。

package/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/review.md

@@ -0,0 +1,26 @@
+# 棱焰智能两页样张评审
+
+## 检查结果
+
+- 静态检查：两页通过，无阻断错误。保留 Tweaks 激活监听与渐变/玻璃可读性的非阻断提示。
+- 语言检查：两页通过。代码面板已从英文代码改为中文伪代码式说明。
+- 浏览器检查：两页通过，console 无错误，无横向溢出，无低于 44px 的按钮目标。
+
+## 视觉判断
+
+- 首页配色符合 `Ember Prism / 棱焰智能`：暖白背景、黑色标题、红色主行动、少量橙色火花、蓝紫能力点缀，整体明亮、有 AI 公司产品矩阵感。
+- 平台页的黑色代码面板增强了工程可信度，红橙、蓝、紫三类能力卡有清晰角色，没有变成彩虹装饰。
+- 沟通文字基本具体：模型、接口、评测、上下文、调用统计、风险提示都有实际含义，不是空泛口号。
+- 移动端纵向结构清楚，按钮足够大，视觉元素没有横向溢出。
+
+## 已修正问题
+
+- 首页初版标题把“产品矩阵”拆成“产品矩 / 阵”，已改成短标题并让渐变关键词整体换行。
+- 首页导航主按钮高度不足 44px，已调到 46px。
+- 平台页初版黑色代码面板过空，已补充评估与动作信息。
+- 平台页标题多次出现中文孤字或不自然断行，最终改为“评测工作台。”。
+- 英文代码片段被语言检查标记，已改为中文可见文案。
+
+## 结论
+
+这版可以作为 `Ember Prism` 的红色主导样张：配色比早期版本更偏红，黑色模块能压住专业感，蓝紫没有抢主色，中文排版经过截图修正后比较稳。下一轮如果继续优化，建议把首页主视觉进一步做成红色横向发布带和白色浮动信息卡。

package/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/screenshots/homepage/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/outputs/homepage.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/screenshots/homepage/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "棱焰智能测试：首页",
+      "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/ember-prism-screenshot-check-1/screenshots/homepage/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "棱焰智能测试：首页",
+      "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/ember-prism-screenshot-check-1/screenshots/platform/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/outputs/platform.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/ember-prism-screenshot-check-1/screenshots/platform/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "棱焰智能测试：平台",
+      "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/ember-prism-screenshot-check-1/screenshots/platform/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "棱焰智能测试：平台",
+      "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/empty-agent-protocol-check/checks/browser-check.json

@@ -0,0 +1,49 @@
+{
+  "html": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/outputs/index.html",
+  "desktop": {
+    "viewport": {
+      "width": 1440,
+      "height": 980
+    },
+    "screenshot": "/Volumes/D 1/code/kakadeai/minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/screenshots/desktop.png",
+    "console": [],
+    "inspection": {
+      "title": "云策助手 - 空白 AI 协议回归样张",
+      "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/empty-agent-protocol-check/screenshots/mobile.png",
+    "console": [],
+    "inspection": {
+      "title": "云策助手 - 空白 AI 协议回归样张",
+      "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/empty-agent-protocol-check/checks/language-check.txt

@@ -0,0 +1,4 @@
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/prompt.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/execution_notes.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/review.md
+通过: minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/outputs/index.html

package/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/checks/static-check.txt

@@ -0,0 +1,2 @@
+ui-design artifact check: minimal-agent/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/outputs/index.html
+OK: no issues found.

package/skills/ui-design/tests/e2e/runs/empty-agent-protocol-check/execution_notes.md

@@ -0,0 +1,10 @@
+# 设计执行声明
+
+- 需求复述：为一个没有现成品牌资料的中文 AI 工具生成官网首页 HTML，目标是成熟、清爽、有设计感，并验证 `ui-design` 是否能约束空白执行者。
+- 上下文来源：读取 `SKILL.md` 的强执行轨道；读取 `references/design-execution-playbook.md` 的生成前声明和评审格式；选择 `references/vi-violet-meridian.md` 作为视觉起点，因为它适合中文 AI 工具、白底、紫蓝、清晰科技和智能工作台。
+- 设计路线：使用 VI 模板迁移，不复制 `Codex`、`OpenAI` 或任何真实品牌；将紫蓝经线、路径节点、智能建议卡迁移到原创产品“云策助手”。
+- 视觉系统：冷白背景承载长时间阅读，近黑紫文字保证清晰，主紫用于核心行动，蓝紫用于路径光轨，青蓝用于在线状态，淡紫边框用于卡片层级。
+- 中文排版：标题控制在 2 到 3 行内，桌面最大 68px，移动端自然断行；正文 16 到 18px，行高约 1.65；按钮和导航触达不低于 44px。
+- 结构语言：顶部导航、首屏价值表达、右侧工作台预览、能力卡片、流程路径和行动区，强调“输入目标到可执行计划”的产品路径。
+- Tweaks 计划：暴露主紫色、光轨强度、界面密度，通过 `edits` 载荷持久化。
+- 输出与验证：输出 `outputs/index.html`；运行静态检查、语言检查和浏览器桌面/移动截图；评审写入 `review.md`。