mirrorframe
捕获网页设计与交互,并重建为可逐项验证的 React 应用
- Stars
- 3
- Forks
- 0
- 更新时间
- 更新于 2026年7月9日
捕获网页设计与交互,并重建为可逐项验证的 React 应用
给它一个网页地址或本地页面,Mirrorframe 会捕获 DOM 样式、资源、动画和交互状态机,提炼设计令牌后生成自包含的 React 与 CSS 版本。它会在相同视口、断点和交互状态下逐节点做像素差异验证,并明确记录失败或跳过原因。工具只适合你拥有或获许可的页面,且复杂物理交互、拖拽和实时 Canvas 不在完整重建范围内。
资源类型
使用场景
运行方式
创建并管理 TanStack Start 或 Router 应用项目。
从 URL 捕获、重建并核验网页视觉与交互一致性
核心能力
适合人群
GitHub 公开事实最近同步于 2026年7月10日。
在本地预览中切换界面方案,选定后清理失败选项
同时预览并调试多个设备尺寸的网页