Files
u-claw/portable/advanced/SkillHub.html
zheng b076815171
Some checks failed
Tests / test (push) Has been cancelled
feat: 海外化改造(新加坡市场)—— 阶段 0-3
按 U-Claw-海外化改造方案.md 与 范围决策记录.md 实施。这是 fork,不回上游:
海外版删掉的正是上游的中国市场默认值。

阶段 0 地基
- 下载源全部改国际:脚本/CI 61 处 + lockfile 880 条 npmmirror URL 归零
  (lockfile 那 880 条是 npm 的 resolved 字段,脚本层参数化根本绕不过它)
- 移除 install.ps1 里三个第三方 GitHub 加速代理,bundle 改直连 + SHA256 校验
  (原来只检查"文件大于 1MB"就解压运行)
- 技能内容与分发分离:skills/manifest.json 单一来源,install.sh 1170→658 行、
  install.ps1 721→546 行,两者技能内容归零
  实测原来是三份不一致:skills-cn 完整、install.sh 约 40%、install.ps1 约 17%,
  且 7 个通用技能只有 U 盘版有 —— 一键安装的用户一个能用的技能都没有
- Node 版本三种(v22.14/16/22.1)统一,新建 NODE_VERSION 单一来源
- Config 页三份合一。portable/Config.html 用根相对路径调 API 却只从 file:// 打开,
  保存功能已静默失效两个月;现缩为 120 行重定向壳
- 测试接入 CI(此前 node --test 无人运行,所有断言形同虚设)

阶段 1 双语可用
- 浏览器侧 i18n:JSON 为源、生成经典 script(file:// 下 fetch 本地 JSON 被拦)
  语言跟盘走不跟机器走:启动器写 data/.openclaw/locale.js
- 8 处硬编码 lang="zh-CN" 归零,data-i18n 覆盖 213 处,词条 en/zh 各 279 条
- B3 单框 Key:12 张模型卡 → 一个输入框,前缀识别 provider,
  服务端 /api/test-key 发 1-token 请求实测,错误映射成人话
  Key 填错到得知:从"直到对话失败"降到 ≤1 秒
- 区域格式 SG:DD/MM/YYYY、12 小时、S$、Asia/Singapore
  (ICU 在 en-SG 下把 SGD 渲染成裸 $,与美元无法区分,故自行拼 S$)
- README 内容分叉而非翻译,§1.3 证据清单逐条清零

阶段 2 降门槛
- 启动逻辑上移 lib/start.mjs:Windows-Start.bat 220→28 行、
  Mac-Start.command 235→33 行
  修掉 Mac 侧两个 bug:控制台端口硬编码 18788(回落时打开死页)、
  微信插件从未在 Mac 上安装
- U 盘根目录 23 → 3 个可点文件,其余进 advanced/
- 首启向导:语言 → 用途(7 角色,manifest 驱动)→ 密钥,答过不再问
- 三档界面,Simple 档隐藏一切技术名词
- 自动自愈:启动失败先自查自修,修不好导出脱敏诊断包
  (Doctor 从"用户要知道去点的工具"变成后台机制)

阶段 3 技能库
- 19 个英文技能,planned 归零。sg-weather / sg-transport 的端点均实测过
- SkillHub 从 56 张手写第三方卡片改为 manifest 生成:703→125 行,中文归零

其他
- origin.json 收拢所有运行时地址,tests/origin.test.mjs 保证迁移不会漏
- portable/ 下用户可见中文归零(由断言保证)
- 82 项测试

未验证(本机无 Windows / 无 pwsh):
- install.ps1、setup.ps1 约 210 行改动从未经 PowerShell 解析器
- 完整启动路径仅在假 node + 假 openclaw 上冒烟
- 8 个 .bat 的盘根推导仅静态断言
详见 U盘实测清单.md

受阻:
- 隐藏黑窗口 —— 需代码签名证书(.vbs 已被 Windows 弃用,替代方案都要签名)
- 场景卡 —— OpenClaw 上游 Dashboard 无预填 prompt 接口
- 官网 36 条 —— 上游 2026-04-14 拆到私有仓库,无权限
2026-08-17 18:37:49 +08:00

126 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title data-i18n="hub.title">U-Claw Skills</title>
<script src="../data/.openclaw/locale.js"></script>
<script src="../lib/i18n/messages.js"></script>
<script src="../lib/i18n/skills-data.js"></script>
<script src="../lib/i18n/i18n.js"></script>
<!--
What this page used to be: 56 hand-written cards advertising third-party
ClawHub skills, in Chinese, with invented install counts. None of it was ours,
none of it was translated, and the numbers could not be verified.
What it is now: the skills actually on this drive, generated from
skills/manifest.json. Adding a skill to the manifest puts it here — there is
nothing to hand-maintain.
skills-data.js is generated for the same reason messages.js is: this page opens
from file://, where fetching manifest.json is blocked.
-->
<style>
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
margin: 0; padding: 3rem 1.5rem 4rem;
font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
background: #16181c; color: #f2f4f7; line-height: 1.6;
}
.wrap { max-width: 60rem; margin: 0 auto; }
h1 { font-size: 1.8rem; margin: 0 0 .5rem; }
.lede { color: #9aa0a8; margin: 0 0 2rem; }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
.filters button {
padding: .45rem 1rem; font: inherit; font-size: .88rem;
color: #c8ccd2; background: #23262c; border: 1px solid #33373f;
border-radius: 999px; cursor: pointer;
}
.filters button[aria-pressed="true"] { color: #16181c; background: #ff6b35; border-color: #ff6b35; font-weight: 600; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; }
.skill { padding: 1.1rem; background: #23262c; border: 1px solid #33373f; border-radius: 12px; }
.skill .top { display: flex; align-items: baseline; gap: .6rem; }
.skill .icon { font-size: 1.4rem; }
.skill h3 { margin: 0; font-size: 1rem; }
.skill p { margin: .5rem 0 .75rem; color: #9aa0a8; font-size: .88rem; }
.skill code { font-size: .78rem; color: #6f757d; }
.empty { color: #9aa0a8; padding: 2rem 0; }
footer { margin-top: 3rem; color: #6f757d; font-size: .85rem; }
a { color: #ff6b35; }
</style>
</head>
<body>
<div class="wrap">
<h1 data-i18n="hub.title">U-Claw Skills</h1>
<p class="lede" data-i18n="hub.lede">These are on this drive already. Just ask for what you want — you do not have to name the skill.</p>
<div class="filters" id="filters"></div>
<div class="grid" id="grid"></div>
<p class="empty" id="empty" hidden data-i18n="hub.none">Nothing in this category.</p>
<footer>
<p data-i18n="hub.add_note">Skills live in the skills/ folder on this drive. Dropping a SKILL.md in there adds one.</p>
</footer>
</div>
<script>
(function () {
var t = function (k) { return window.UClawI18n ? window.UClawI18n.t(k) : k; };
var data = window.UCLAW_SKILLS || { skills: [] };
var active = 'all';
function categories() {
var seen = {};
data.skills.forEach(function (s) { (s.categories || []).forEach(function (c) { seen[c] = true; }); });
return Object.keys(seen).sort();
}
function render() {
var grid = document.getElementById('grid');
grid.innerHTML = '';
var shown = data.skills.filter(function (s) {
return active === 'all' || (s.categories || []).indexOf(active) !== -1;
});
shown.sort(function (a, b) { return t('skill.' + a.id + '.name').localeCompare(t('skill.' + b.id + '.name')); });
shown.forEach(function (s) {
var el = document.createElement('div');
el.className = 'skill';
el.innerHTML =
'<div class="top"><span class="icon">' + (s.emoji || '🧩') + '</span>'
+ '<h3></h3></div><p></p><code>' + s.id + '</code>';
// textContent, not innerHTML: catalogue strings are data, not markup.
el.querySelector('h3').textContent = t('skill.' + s.id + '.name');
el.querySelector('p').textContent = t('skill.' + s.id + '.desc');
grid.appendChild(el);
});
document.getElementById('empty').hidden = shown.length > 0;
}
function buildFilters() {
var bar = document.getElementById('filters');
var options = [['all', t('hub.all')]].concat(categories().map(function (c) { return [c, t('cat.' + c)]; }));
options.forEach(function (pair) {
var btn = document.createElement('button');
btn.type = 'button';
btn.textContent = pair[1];
btn.setAttribute('aria-pressed', pair[0] === active ? 'true' : 'false');
btn.addEventListener('click', function () {
active = pair[0];
Array.prototype.forEach.call(bar.children, function (b) { b.setAttribute('aria-pressed', 'false'); });
btn.setAttribute('aria-pressed', 'true');
render();
});
bar.appendChild(btn);
});
}
buildFilters();
render();
})();
</script>
</body>
</html>