SuperAPI AI 工具集

kmcp-dev-ui-spec

智能体与模型

查看项目

更新于 10-15 22:40

技能介绍

用途:该技能用于为 kairos-mcp 的公开 Web UI(账户管理与协议浏览器)做 UI/UX 设计与规格。KAIROS 是持久记忆与确定性适配器执行的 MCP 服务器,UI 面向人类,API 面向智能体。

主要能力:定义账户、首页、浏览(Kairos)、协议查看、协议创建/编辑、运行/引导测试、错误恢复等屏幕;给出设计规则(以用户体验为先、免学习界面、WCAG 2.2 AA、组件六态、及时反馈);提供设计令牌(颜色、8px 间距、字体、圆角、动效);规定导航(3–6 个顶级项、aria-current、跳转链接);并给出 design-lint 检查流程与报告格式。

使用方式:用户以 /kairos-ui-designer 加计划或简报调用,技能即作为专家直接产出线框图、书面 UX 规格或针对 src/ui/ 的具体建议;设计批准后运行 design-lint 并记录违规与修复。技术栈为 React + TypeScript + Vite + Tailwind,构建命令 npm run ui:build,开发地址 http://localhost:3300/ui。

适用场景:协议作者与终端用户的界面设计、无障碍审查、设计令牌落地、屏幕迭代。

限制:不涉及自主智能体执行、Keycloak 登录与 IdP 选择、群组管理、监控/管理(v1 不含);UI 不执行协议;设计阶段默认不写代码,除非计划明确要求实现。部分细节(如运行/引导测试屏幕、后端 train/tune API)以实际实现为准,资料未完整提供。