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)。