[讨论] 如何直接在 Cursor 或 WindSurf 客户端里面手工编辑 UI 界面控件风格以便 AI 直接根据客户端界面写功能代码?

2024 年 11 月 27 日
 Apol1oBelvedere
需求:
1. 能像 Visual Studio 里那样手工拖拽调整控件及风格,以便完成界面成品制作。
2. 或者有什么办法能从外部软件制作好界面后,将界面设计导入 Cursor 或 WindSurf 以实现界面无损导入?

目前现状:
1. 手工描述界面设计给 AI ,但是调整界面花费很多时间,也不直观。
2. 不想在 Visual Studio 里用 Cursor 或 WindSurf 扩展,因为扩展没有 agent 主动编辑功能。
1271 次点击
所在节点    问与答
3 条回复
mumbler
2024 年 11 月 27 日
让 cursor 做一个拖拽控件的 UI 工具不就是了,基于 H5 的都没问题,还可以直接传截图生成前端代码
Apol1oBelvedere
2024 年 11 月 27 日
@mumbler VC++或 C#的,不是网页,可以吗?
Apol1oBelvedere
2024 年 11 月 27 日
已经找到解决办法如下,通过 VS+WindSurf 实现:
1. Visual Studio 建立项目文件夹 A ,制作好界面,保存,关闭 VS 。
2. 打开 WindSurf 设置项目文件夹 A 为项目目录,自动根据项目数据生成正确的编译调试 json 文件。
3. 一次性编辑好对界面控件的功能和逻辑要求,发给 WindSurf 的 AI 。
4. AI 一次性完成全部代码增改,编译后一次成功。

效果可以说非常好。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1093063

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX