prototype-to-production - 将设计原型转换为生产级组件
将 HTML、CSS 和 Figma 原型转换为带设计令牌的类型化 React 组件
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 分析 HTML 原型
- 检测项目技术栈
- 提取设计令牌
- 生成 TypeScript 组件
- 将 HTML 模式映射到 React
- 转换样式为 Tailwind
- 创建组件属性
输入
- HTML 原型文件
- CSS 主题文件
- Figma 导出文件
- package.json
- super-design 迭代文件
输出
- TypeScript 组件文件
- 设计令牌 JSON
- React 组件代码
- 组件文档
- 集成指南
要求
- React 框架支持
- TypeScript 兼容性