ericzakariasson· @ericzakariasson · X·· 2 天前AI 评分
用 Grok 将截图转为 React 组件的实测工作流
作者展示了一个用 Grok 把截图转成 React 组件的工作流:丢入截图后 Grok 生成 Tailwind 组件,页面再截图结果、叠加两者的轮廓并回传给 Grok 修正对不齐的部分,本次运行准确率从 60% 提升到 77%。相关代码见 github.com/xai-org/xai-cookb…。
3. 截图转 React 组件
丢进一张截图,Grok 就写出一个 Tailwind 组件。然后页面对结果截图,把两张图的轮廓叠加在一起,再把结果发回去,让 Grok 修正对不上的地方。在这次运行中,匹配度从 60% 提升到了 77%。
github.com/xai-org/xai-cookb…
来源:ericzakariasson · x.com