请问有什么 AI 工具让界面更好看

[zy445566]

我算是全栈开发，最近开发了一个小工具，但是觉得界面有点难看，迫于不会 UI 。

但毕竟现在 AI 这么强大，就想着让 AI 帮我优化一下，请问各位大佬，你们现在在使用什么工具来优化前端界面或者想要推荐的？最好是能支持已有项目的界面优化[手动狗头]

[murmur]

新的 claude3.7 就可以美化界面，但是我感觉 cursor 比 copilot 美化的更好一些，但是仅限于美化不是设计

[peopleLikeUs]

bolt.new 和 lovable 构建的前端页面都不错，不过不急的话，可以等下 DoraPocket

[zy445566]

@peopleLikeUs 为什么要等 DoraPocket ，这东西有什么新特性么

[zy445566]

@murmur 这东西好像不让新用户注册了

[Morriaty]

把这些加进提示词

- 使用 html + tailwindcss 设计 UI/UX 参考图
- 要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重 UI 细节
- 请引入 tailwindcss CDN 来完成，而不是编写 style 样式
- 图片使用 unslash
- 图标使用 Lucide Static CDN 方式引入，如`https://unpkg.com/lucide-static@latest/icons/XXX.svg`，而不是手动输出 icon svg 路径

[peopleLikeUs]

@zy445566 bolt.new 和 lovable 有免费额度，问不了几条。DoraPocket 刚出来，前期也许会免费用一段时间。白嫖。不过也是猜测，具体看出来的情况。-。-

[liushengxian1230]

bolt.new 有开源项目啊 bolt.diy 可以自己拉下来 配合别的大模型跑，我用 deepseek 的 api 生成了几次 花了几毛钱 @peopleLikeUs @zy445566

[peopleLikeUs]

@liushengxian1230 我去瞅瞅，不过 deepseek 的 api 经常超时，感觉不太好用。

[Vaspike]

@Morriaty 学到了

[daimaosix]

@liushengxian1230 效果怎么样，大哥

[liushengxian1230]

@daimaosix 我一般都是做好脚手架然后就让 copilot 接管了，做脚手架个人感觉够用，当然也有概率跑不起来，比如它自己幻想了一个依赖添加进去，根本跑不起来。只能再自己手动调一下😂

@peopleLikeUs 也可以接别家的，甚至自己跑的 ollama 也可以

[mumbler]

readdy.ai 这个可以完全代替设计师了

[zy445566]

@Morriaty 具体工具呢？

[zhangjiashu2023]

@Morriaty 下次我试试

[zy445566]

@mumbler 感觉这个适合新项目，老项目适配感觉一般

[zy445566]

这个贴收藏的人真是回帖人数的好几十倍😂，看来大家都很期待，我把我今天测试说一下
claude 和字节的 trea 都可以实现，他们都是需要自己的编辑器，通过编辑来读取代码来实现，我现在也终于明白为啥他们要单独搞个编辑器了，都是可以把项目的所有文件都扫一遍然后来进行修改
claude 效果好，但是要收费，国区用起来还比较麻烦
字节的 trea 的 Builder 效果比较差还在 Alpha 阶段，反正不是 UI 设计大拿，也就是前端初学者的水平，估计是仿 claude 做的，但是免费国区友好，做做玩具还行

[CHTuring]

#角色
你是一位资深前端开发工程师

#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色：按 APP 类型选择;

#技术规格
1 、单个页面尺寸为 375x812PX ，带有描边，模拟手机边框
2 、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框）
3 、图片: 使用开源图片网站链接的形式引入
4 、样式必须引入 tailwindcss CDN 来完成
5 、不要显示状态栏以及时间、信号等信息
6 、不要显示非移动端元素，如滚动条
7 、所有文字只可以使用黑色或白色

#任务:
这是一个 [ xxxx] APP ，
模拟产品经理输出详细功能设计、信息架构设计，结合{设计风格}和{技术规格}输出一套 UI 设计方案。
你可以生成一个多个 html 文件，然后通过 iframe 将所有页面放入 index.html ，每行 4 个排列。

---

之前我用的提示词，也是从别人那里来的，风格你可以按照自己的需求修改。

https://github.com/Chanzhaoyu/overtime-ui 你可以看下这个生成之后的例子

[Morriaty]

@zy445566 任意可以使用 Claude3.7 的工具 + 我那个提示词都可以

[ibeen]

v0 不错