iter(g25): 新增 ua tokens 命令与 MCP get_tokens 工具

This commit is contained in:
HIsheR
2026-10-26 11:34:55 +08:00
parent ccb99c2065
commit 563730c755
8 changed files with 90 additions and 21 deletions
+8
View File
@@ -556,6 +556,14 @@
"acceptance": "list({ items, header, footer, bordered, emptyText, onItemClick }) 渲染条目 avatar/title/description/extra;空数组回落 empty;组件数 38→39 三处计数同步;npm run check 全绿", "acceptance": "list({ items, header, footer, bordered, emptyText, onItemClick }) 渲染条目 avatar/title/description/extra;空数组回落 empty;组件数 38→39 三处计数同步;npm run check 全绿",
"status": "done", "status": "done",
"notes": "自补:组件补充;items 为空回落 empty,onItemClick 让条目可点击" "notes": "自补:组件补充;items 为空回落 empty,onItemClick 让条目可点击"
},
{
"id": "g25",
"title": "令牌查询能力:ua tokens + MCP get_tokens",
"motivation": "Agent 与人都得翻 tokens.json 才知道有哪些 --ua-* 变量,容易凭记忆写错名;llms-full 里还把 textMuted 当成变量名(实际是 text-muted)",
"acceptance": "ua tokens 列出全部令牌(颜色带暗色值)、--json 输出数组;MCP 新增 get_tokens 工具;llms-full 令牌名统一 kebab-case;npm run check 全绿",
"status": "open",
"notes": "自补:构建/门禁工具链改进"
} }
] ]
} }
+4 -3
View File
@@ -1,6 +1,6 @@
{ {
"$schema": "ui-arch-registry-index/0.1", "$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T03:33:14.774Z", "generatedAt": "2026-10-26T03:34:43.829Z",
"repoRoot": ".", "repoRoot": ".",
"packages": [ "packages": [
{ {
@@ -1843,7 +1843,7 @@
"MCP tool 入参 schema" "MCP tool 入参 schema"
] ]
}, },
"usage": "node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify", "usage": "node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|tokens|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify",
"conventions": [ "conventions": [
"零依赖:只用 node 标准库,Node >= 18", "零依赖:只用 node 标准库,Node >= 18",
"清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生", "清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生",
@@ -1854,8 +1854,9 @@
"steps": [ "steps": [
"装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify)", "装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify)",
"查组件:ua list 看全量,ua info <包名> 看单包 api 与约定", "查组件:ua list 看全量,ua info <包名> 看单包 api 与约定",
"查令牌:ua tokens 打印全部 --ua-* 变量(颜色带暗色值),--json 输出结构化数组;写样式前先查,禁止硬编码",
"改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料)", "改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料)",
"提交前 npm run check:style 查注释规范,verify 查清单 ↔ 文档 ↔ 演示锚点是否一致", "在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components / get_tokens",
"在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components" "在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components"
], ],
"components": [] "components": []
+1 -1
View File
@@ -46,7 +46,7 @@
} }
``` ```
可用工具:`list_components` / `get_component` / `search_components`。 可用工具:`list_components` / `get_component` / `search_components` / `get_tokens`(返回 --ua-* 令牌清单,避免硬编码颜色间距)。
2. **CLI**:`node packages/tools/cli/bin/ua.js list | info <name> | index | docs | style | verify | changelog` 2. **CLI**:`node packages/tools/cli/bin/ua.js list | info <name> | index | docs | style | verify | changelog`
+2 -2
View File
@@ -40,8 +40,8 @@ accordion · alert · avatar · badge · breadcrumb · button · card · checkbo
## Agent 接入 ## Agent 接入
- 静态:`llms.txt`(速览)/ **`llms-full.txt`(全量:逐组件参数 / 回调 / 手把手 / 令牌)** - 静态:`llms.txt`(速览)/ **`llms-full.txt`(全量:逐组件参数 / 回调 / 手把手 / 令牌)**
- 命令行:`node packages/tools/cli/bin/ua.js list | info <name> | docs | verify | mcp` - 命令行:`node packages/tools/cli/bin/ua.js list | info <name> | docs | tokens | verify | mcp`
- MCP:在 `~/.workbuddy/mcp.json` 注册 `ua mcp`,可用 `list_components` / `get_component` / `search_components` - MCP:在 `~/.workbuddy/mcp.json` 注册 `ua mcp`,可用 `list_components` / `get_component` / `search_components` / `get_tokens`
规范见 `AGENTS.md`(接入手册)、`ARCHITECTURE.md`(分层与依赖方向)、`CODING.md`(编码规范)、`ITERATION.md`(自动迭代协议)。 规范见 `AGENTS.md`(接入手册)、`ARCHITECTURE.md`(分层与依赖方向)、`CODING.md`(编码规范)、`ITERATION.md`(自动迭代协议)。
+7 -6
View File
@@ -1,6 +1,6 @@
# @ui-arch 组件库 Agent 文档(无图形版) # @ui-arch 组件库 Agent 文档(无图形版)
> 自动生成于 2026-10-26T03:33:14.774Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。 > 自动生成于 2026-10-26T03:34:43.829Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。 > 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
## 快速上手 ## 快速上手
@@ -42,9 +42,10 @@
1. 装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify) 1. 装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify)
2. 查组件:ua list 看全量,ua info <包名> 看单包 api 与约定 2. 查组件:ua list 看全量,ua info <包名> 看单包 api 与约定
3. 改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料) 3. 查令牌:ua tokens 打印全部 --ua-* 变量(颜色带暗色值),--json 输出结构化数组;写样式前先查,禁止硬编码
4. 提交前 npm run check:style 查注释规范,verify 查清单 ↔ 文档 ↔ 演示锚点是否一致 4. 改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料)
5. 在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components 5. 在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components / get_tokens
6. 在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components
## @ui-arch/ui(skin-dom)v0.1.0 ## @ui-arch/ui(skin-dom)v0.1.0
@@ -1177,7 +1178,7 @@ API 速览:
一行用法: 一行用法:
``` ```
node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|tokens|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify
``` ```
约定: 约定:
@@ -1193,7 +1194,7 @@ node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|style|verify|comm
- --ua-color-bg: #ffffff(暗色 #101216) - --ua-color-bg: #ffffff(暗色 #101216)
- --ua-color-surface: #f6f7f9(暗色 #1a1c22) - --ua-color-surface: #f6f7f9(暗色 #1a1c22)
- --ua-color-text: #1c1e21(暗色 #e7e9ec) - --ua-color-text: #1c1e21(暗色 #e7e9ec)
- --ua-color-textMuted: #6b7280(暗色 #888780) - --ua-color-text-muted: #6b7280(暗色 #888780)
- --ua-color-accent: #185fa5(暗色 #378add) - --ua-color-accent: #185fa5(暗色 #378add)
- --ua-color-danger: #a32d2d - --ua-color-danger: #a32d2d
- --ua-color-success: #0f6e56 - --ua-color-success: #0f6e56
+1 -1
View File
@@ -107,7 +107,7 @@
- ua verify:清单一致性门禁(id 唯一 / exports 对应 / props 必带 n t d / steps≥3 / demo 锚点存在) - ua verify:清单一致性门禁(id 唯一 / exports 对应 / props 必带 n t d / steps≥3 / demo 锚点存在)
- ua commit-lint <文件|message>:提交信息门禁(type 枚举 / scope 规则 / subject 中文祈使 ≤50 字符),规范见 COMMITTING.md,违规退出码 1 - ua commit-lint <文件|message>:提交信息门禁(type 枚举 / scope 规则 / subject 中文祈使 ≤50 字符),规范见 COMMITTING.md,违规退出码 1
- ua mcp:零依赖 stdio MCP server,暴露 list_components / get_component / search_components - ua mcp:零依赖 stdio MCP server,暴露 list_components / get_component / search_components
- 用法: `node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify` - 用法: `node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|tokens|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify`
- 约定: 零依赖:只用 node 标准库,Node >= 18 - 约定: 零依赖:只用 node 标准库,Node >= 18
- 约定: 清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生 - 约定: 清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生
- 约定: 门禁只增不改:新增校验必须能被人手复现,报错要指出文件与字段 - 约定: 门禁只增不改:新增校验必须能被人手复现,报错要指出文件与字段
+53 -4
View File
@@ -329,15 +329,16 @@ function renderAgentDocs(index, tokens) {
} }
if (tokens?.color) { if (tokens?.color) {
lines.push('## 设计令牌(--ua-*)', ''); lines.push('## 设计令牌(--ua-*)', '');
const kebab = (s) => s.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase()); // textMuted → text-muted,与 ui.css 实际变量名一致
for (const [k, v] of Object.entries(tokens.color)) { for (const [k, v] of Object.entries(tokens.color)) {
const light = typeof v === 'string' ? v : v.light; const light = typeof v === 'string' ? v : v.light;
const dark = typeof v === 'string' ? v : v.dark; const dark = typeof v === 'string' ? v : v.dark;
lines.push(`- --ua-color-${k}: ${light}${dark !== light ? `(暗色 ${dark})` : ''}`); lines.push(`- --ua-color-${kebab(k)}: ${light}${dark !== light ? `(暗色 ${dark})` : ''}`);
} }
for (const [g, vals] of Object.entries(tokens)) { for (const [g, vals] of Object.entries(tokens)) {
if (g === 'color' || g === '$schema') continue; if (g === 'color' || g === '$schema') continue;
lines.push('', `### ${g}`, ''); lines.push('', `### ${g}`, '');
for (const [k, v] of Object.entries(vals)) lines.push(`- --ua-${g}-${k}: ${v}`); for (const [k, v] of Object.entries(vals)) lines.push(`- --ua-${g}-${kebab(k)}: ${v}`);
} }
lines.push(''); lines.push('');
} }
@@ -365,9 +366,44 @@ function cmdDocs() {
); );
} }
// ---- 令牌查询:CLI 与 MCP 共用同一份拍平结果 ----
/*** 读取 tokens.json 拍平为 CSS 变量清单(颜色区分亮/暗两态,其余单值;名字统一 kebab-case 与 ui.css 对齐) ***/
function loadTokenList() {
const p = path.join(ROOT, 'packages', 'design', 'tokens', 'tokens.json');
if (!fs.existsSync(p)) return [];
const tokens = JSON.parse(fs.readFileSync(p, 'utf8'));
const kebab = (s) => s.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase()); // camelCase 键转 kebab-case
const out = [];
for (const [k, v] of Object.entries(tokens.color ?? {})) {
if (typeof v === 'string') out.push({ cssVar: `--ua-color-${kebab(k)}`, value: v });
else out.push({ cssVar: `--ua-color-${kebab(k)}`, value: v.light, dark: v.dark });
}
for (const [group, vals] of Object.entries(tokens)) {
if (group === 'color' || group.startsWith('$')) continue;
for (const [k, v] of Object.entries(vals)) out.push({ cssVar: `--ua-${group}-${kebab(k)}`, value: String(v) });
}
return out;
}
/*** ua tokens:打印令牌清单;--json 输出结构化数组供脚本消费 ***/
function cmdTokens(args) {
const list = loadTokenList();
if (!list.length) {
console.error('未找到 packages/design/tokens/tokens.json');
process.exit(1);
}
if (args.includes('--json')) {
console.log(JSON.stringify(list, null, 2));
return;
}
for (const t of list) console.log(`${t.cssVar.padEnd(26)} ${t.value}${t.dark && t.dark !== t.value ? ' / 暗色 ' + t.dark : ''}`);
console.log(`共 ${list.length} 个令牌`);
}
// ---- 内置 stdio MCP server(JSON-RPC 2.0,按行分帧) ---- // ---- 内置 stdio MCP server(JSON-RPC 2.0,按行分帧) ----
/*** 启动 MCP server:向 Agent 暴露 list / get / search 三个查询工具 ***/ /*** 启动 MCP server:向 Agent 暴露 list / get / search / tokens 四个查询工具 ***/
function cmdMcp() { function cmdMcp() {
if (!fs.existsSync(INDEX_FILE)) cmdIndex(); if (!fs.existsSync(INDEX_FILE)) cmdIndex();
const { packages } = loadIndex(); const { packages } = loadIndex();
@@ -396,6 +432,11 @@ function cmdMcp() {
required: ['query'], required: ['query'],
}, },
}, },
{
name: 'get_tokens',
description: 'Get the --ua-* design token list (cssVar / value / dark), so styles never hardcode colors or spacing',
inputSchema: { type: 'object', properties: {} },
},
]; ];
const send = (obj) => process.stdout.write(JSON.stringify(obj) + '\n'); const send = (obj) => process.stdout.write(JSON.stringify(obj) + '\n');
@@ -421,6 +462,11 @@ function cmdMcp() {
) )
.map((p) => ({ name: p.name, version: p.version, type: p.type, description: p.description })); .map((p) => ({ name: p.name, version: p.version, type: p.type, description: p.description }));
} }
if (name === 'get_tokens') {
const list = loadTokenList();
if (!list.length) throw new Error('tokens.json not found');
return list;
}
throw new Error(`unknown tool: ${name}`); throw new Error(`unknown tool: ${name}`);
} }
@@ -851,6 +897,9 @@ switch (cmd) {
case 'changelog': case 'changelog':
cmdChangelog(args); cmdChangelog(args);
break; break;
case 'tokens':
cmdTokens(args);
break;
case 'lint-iterations': case 'lint-iterations':
cmdLintIterations(); cmdLintIterations();
break; break;
@@ -858,6 +907,6 @@ switch (cmd) {
cmdMcp(); cmdMcp();
break; break;
default: default:
console.log('usage: ua <index|list|info <name>|docs|style|verify|commit-lint|lint-iterations|changelog|mcp>'); console.log('usage: ua <index|list|info <name>|docs|tokens [--json]|style|verify|commit-lint|lint-iterations|changelog|mcp>');
process.exit(cmd ? 1 : 0); process.exit(cmd ? 1 : 0);
} }
+14 -4
View File
@@ -2,7 +2,13 @@
"name": "@ui-arch/cli", "name": "@ui-arch/cli",
"type": "tooling", "type": "tooling",
"description": "ua 命令行与 MCP 注册表服务:把各包 ua.manifest.json 汇总成机器可读索引(.ua/index.json)、Agent 全量文档(llms-full.txt)与人类文档站,并提供清单一致性门禁。", "description": "ua 命令行与 MCP 注册表服务:把各包 ua.manifest.json 汇总成机器可读索引(.ua/index.json)、Agent 全量文档(llms-full.txt)与人类文档站,并提供清单一致性门禁。",
"tags": ["cli", "tooling", "mcp", "docs", "gate"], "tags": [
"cli",
"tooling",
"mcp",
"docs",
"gate"
],
"api": { "api": {
"entry": "bin/ua.js", "entry": "bin/ua.js",
"exports": [ "exports": [
@@ -15,9 +21,12 @@
"ua commit-lint <文件|message>:提交信息门禁(type 枚举 / scope 规则 / subject 中文祈使 ≤50 字符),规范见 COMMITTING.md,违规退出码 1", "ua commit-lint <文件|message>:提交信息门禁(type 枚举 / scope 规则 / subject 中文祈使 ≤50 字符),规范见 COMMITTING.md,违规退出码 1",
"ua mcp:零依赖 stdio MCP server,暴露 list_components / get_component / search_components" "ua mcp:零依赖 stdio MCP server,暴露 list_components / get_component / search_components"
], ],
"keyTypes": ["ua.manifest.json 清单结构", "MCP tool 入参 schema"] "keyTypes": [
"ua.manifest.json 清单结构",
"MCP tool 入参 schema"
]
}, },
"usage": "node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify", "usage": "node packages/tools/cli/bin/ua.js <index|list|info <name>|docs|tokens|style|verify|commit-lint|mcp>;仓库内等价于 npm run index / docs / style / verify",
"conventions": [ "conventions": [
"零依赖:只用 node 标准库,Node >= 18", "零依赖:只用 node 标准库,Node >= 18",
"清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生", "清单是单一来源:代码注释、文档站、llms-full.txt、MCP 全部从 ua.manifest.json 派生",
@@ -28,8 +37,9 @@
"steps": [ "steps": [
"装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify)", "装好依赖后先跑 npm run check 确认基线全绿(build → style → typecheck → smoke → index → verify)",
"查组件:ua list 看全量,ua info <包名> 看单包 api 与约定", "查组件:ua list 看全量,ua info <包名> 看单包 api 与约定",
"查令牌:ua tokens 打印全部 --ua-* 变量(颜色带暗色值),--json 输出结构化数组;写样式前先查,禁止硬编码",
"改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料)", "改完清单跑 npm run docs:同时刷新人类文档站与 llms-full.txt(Agent 首选喂料)",
"提交前 npm run check:style 查注释规范,verify 查清单 ↔ 文档 ↔ 演示锚点是否一致", "在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components / get_tokens",
"在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components" "在 ~/.workbuddy/mcp.json 注册 ua mcp 后,Agent 可直接调 list_components / get_component / search_components"
], ],
"components": [] "components": []