figma转前端

单页面迭代

首次提示词

使用 @Figma 当前选中的 frame（或直接贴链接），生成 React + Tailwind 组件。
严格遵循 Figma 中的：
- Variables（颜色、spacing、radius）
- Auto Layout 结构
- 组件 Variants（包括所有交互状态）
- 字体、阴影、精确间距（像素级匹配）

生成代码放到 src/components/ 下，遵循项目现有风格。输出后请提供预览说明。

迭代提示词

1. 用项目里的 shadcn/ui 组件替换，不要硬编码
2. 这个阴影用 Figma 的 blur 和 offset 精确复刻
3. 间距再收紧 2px，对齐左边

目前第一版自然语言后，还原度严重不足。10%不到。我开始PUA他，让他改。

第一次我加了“用项目里的 shadcn/ui 组件替换，不要硬编码”这个提示词和其他修改的内容后，运行了半小时左右。

可能后面卡了，我没关注到，等不及了，我停止了，然后继续。

结果

还原度还是垃圾。我觉得我要换另外一种方式了。结果会缺很多指标内容。

第一个图是你做的，第二个图是我让参考的，你对比一下差异。并告诉我为什么使用chongqing-cockpit-prototype没有执行到位呢？是skill没说清楚，还是你没执行到位？

现在我换方向了，我不再纠结能不能一比一还原了，我只想完成我的工作。把这个设计出来的东西，还能看，用他的这个风格，优化一下原来不能看的风格。先出来交差了。