$ loading_
帮助团队完成跨框架 UI 生成、调试、无障碍审查与页面对比优化。
复制安装指令，让 AI 自动完成配置 · 推荐新手
"UI Toolkit MCP Server" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请为 React 项目生成一个可复用的商品卡片组件，包含图片、标题、价格、促销标签和加入购物车按钮，并使用统一设计令牌控制颜色、圆角和间距。
输出结构清晰的 React 组件代码，并配套使用一致设计令牌的样式方案。
检查这个登录页面的无障碍问题，重点审查表单标签、键盘导航、颜色对比度和按钮语义，并自动给出可直接应用的修复建议。
返回无障碍问题清单、影响说明，以及可执行的修复代码或修改建议。
对比当前页面和改版后页面的截图，标出布局、间距、字体和颜色差异，并总结哪些变化可能影响一致性与用户体验。
输出可视差异分析结果，并给出需要优先调整的 UI 问题总结。
用 AI 分析软件界面截图，快速获取元素、布局、功能与无障碍说明。