ericzakariasson· @ericzakariasson · X·· 2 天前AI 评分
用 Grok 将截图转为 React 组件的实测工作流
作者展示了一个用 Grok 把截图转成 React 组件的工作流：丢入截图后 Grok 生成 Tailwind 组件，页面再截图结果、叠加两者的轮廓并回传给 Grok 修正对不齐的部分，本次运行准确率从 60% 提升到 77%。相关代码见 github.com/xai-org/xai-cookb…。
3. screenshot to react component
drop in a screenshot and grok writes a tailwind component. then the page screenshots the result, overlays the outlines of both, and sends that back so grok can fix what doesn't line up. in this run it went from 60% to 77%.
github.com/xai-org/xai-cookb…
来源：ericzakariasson · x.com