skills/modelscope.cn/agent-ui-design-and-testing

agent-ui-design-and-testing

Installation
SKILL.md

AI 应用 UI 设计与测试

配套技能:Nexent 智能体平台集成(北向 API / SSE / MCP)→ nexent-integration;技能质量检查 → skill-qc

Overview

本技能覆盖 AI 应用(智能体/数据分析问答/AI 对话)的前端 UI 设计规范真实浏览器测试两个维度:

  • 设计侧:智能体流式输出的前端呈现设计规范——思考面板三层呈现、内容净化、步骤化提炼 + 折叠展开、布局区分、智能滚动三态、打字机、多轮追问追加不覆盖(详见 references/streaming-ui.md)。
  • 测试侧:用 puppeteer-core 启动本机 Chrome 无头浏览器,真实打开页面复现 UI 问题。不依赖用户描述猜测根因,而是捕获真实请求/响应/控制台/DOM 数据后定位问题,修复后同一脚本复测验证(详见 bug 根因速查 references/bug-patterns.md)。

目录

Installs
4
First Seen
Aug 30, 2026
agent-ui-design-and-testing from modelscope.cn