$ loading_
帮助团队完成跨框架 UI 开发、无障碍审计与页面对比调试。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"UI Toolkit MCP Server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
为一个电商后台生成“订单状态卡片”组件,要求同时提供 React 和 Vue 版本,支持深色模式,使用一致的设计 tokens,并附带基础交互说明。
输出 React 和 Vue 组件代码、对应样式与设计 token 使用说明。
检查这个登录页面的无障碍问题,列出颜色对比度、表单标签、键盘导航和 ARIA 属性缺陷,并直接给出可应用的修复方案。
返回问题清单、严重级别,以及修改后的代码或明确修复建议。
对比新旧版本首页截图,标出布局偏移、按钮样式变化和间距异常,并总结可能的回归原因。
输出视觉差异标注结果及回归分析摘要,便于快速修复。
可用 AI 分析软件界面截图,提取布局、控件功能与可访问性要点。
本地免费检索品牌 Logo 与 shadcn/ui 组件源码,免密钥快速辅助界面开发
帮助团队让 AI 自动调试网页或桌面界面并输出带证据的测试结论。
分析网站界面并生成可供 AI 编程助手执行的 CSS/HTML 修复建议
通过文本提示生成 UI 组件、布局与主题,并支持重构和无障碍审查。
将界面截图或 Figma 数据转为跨平台设计转代码产物,加速前端实现。