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

This topic created in 581 days ago, the information mentioned may be changed or developed.

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

目前现状：
1. 手工描述界面设计给 AI ，但是调整界面花费很多时间，也不直观。
2. 不想在 Visual Studio 里用 Cursor 或 WindSurf 扩展，因为扩展没有 agent 主动编辑功能。

UI

编辑

导入

3 replies • 2024-11-27 19:50:10 +08:00

1

mumbler

Nov 27, 2024

让 cursor 做一个拖拽控件的 UI 工具不就是了，基于 H5 的都没问题，还可以直接传截图生成前端代码

2

Apol1oBelvedere

OP

Nov 27, 2024

@mumbler VC++或 C#的，不是网页，可以吗？

3

Apol1oBelvedere

OP

Nov 27, 2024

已经找到解决办法如下，通过 VS+WindSurf 实现：
1. Visual Studio 建立项目文件夹 A ，制作好界面，保存，关闭 VS 。
2. 打开 WindSurf 设置项目文件夹 A 为项目目录，自动根据项目数据生成正确的编译调试 json 文件。
3. 一次性编辑好对界面控件的功能和逻辑要求，发给 WindSurf 的 AI 。
4. AI 一次性完成全部代码增改，编译后一次成功。

效果可以说非常好。