Claude Code 写的 Flutter UI 总透着廉价感怎么破？

反正都是大前端，我的做法是截图，和想要的风格的图一起发给生图模型，描述调整直到生成想要的样子，然后再让模型照着图片实现

我也这样尝试过，直接把我要的ui设计参考图片喂给Opus，出来的效果真是让我痛苦面具脸上带 简直惨不忍睹！

GPT-5.4和5.5照葫芦画瓢很强的样子，要不你试试，这种需求我一般开xhigh

那我就要找个渠道试试了 GPT生图能力确实强 我让他生成我App的设计图片出来的效果不错，就是不知道动手能力了。

直接问问claude他自己更希望选择哪个frontend的framework? 然后基于此人，让他自己基于某一个稳定版本生成最佳的实践skill 。

论坛有大佬说REACT native会生成的比较好。

这个我也很头疼。总之就是只能尽量的让它一小部分一小部分的改UI。它基本上你主体写完，就已经奠定好那个勾石布局了，重构的话，它会重新给你乱来，给你生成一个不好看的，反正就大概是这样。目前只能烧钱，一部分一部分的用它来改，要么就换前端好一点的Gemini

重生之我爬了整个L站偷走了所有UI

我感觉也是只能一点点尝试了 然后再生成一个稍微稳定的了

你可以这样，先想好对标的（要抄的）风格页面，风格合适就行丢给ai输出JSON的风格配色圆角，布局特色等等信息作为设计风格基线保存

然后再用ai生图画出有点想要的界面，也是JSON描述出组件位置等等信息。

最后在cc中用grill me这个skill反复拷打，我最近就在用感觉好多了，因为我不会写前端也不会从零画ui，所以不断的问自己各种边界和细节条件。把“感觉”变成具体的任务执行

对，现在就是一点一点修改 完全不敢整个改，完全整个改就完犊子了

用claude自己的那个desgin，我感觉非常非常惊艳，UI质感和配色太舒服了，并且设计稿也做的很完美。

先用 ChatGPT Image 2生成效果图，然后丢google stitch里还原，然后去ai studio生成代码，慢慢微调，下载到本地再用cc应用到项目。虽然麻烦点，但是效果还不错。 ^-^

可以让Claude研究一下https://m3.material.io/，https://m3.material.io/develop/flutter和https://github.com/material-components/material-components-flutter。分别是Material Design 3 设计系统文档和组件库。然后让他生成一个UI/UX 设计规范的md，叫做DESIGN.md也行。

佬 收个claude apikey ^-^

后来也想到佬的办法。

简化版本就是，直接用目前项目比满意的主要几个页面图片和项目的Read me丢给google stitch，让它生成几个选项，然后挑选一下自己想要的。

最后把满意的图片返回claude，让它生成Skill。让claude知道期望的accent color，layout，spacing，交互层次等等啊。

是的，只能说慢慢确定好自己要的细节然后保存下来 然后再拷打其他的细节 直到可以统一到一个大方向。

其实我发现现有的方法都很麻烦 只是看哪一个会有效果一点，你这个方法我也试过。只是像楼上的佬友说的一样，对于我们不会设计和画UI的来说 确定细节和边界 确实有点困难，只能一点一点慢慢改了。

感谢佬友的分享，我去尝试让CC研究一下写出一个设计规范。

使用claude的desgin，设计出一个版面来，让他生成一个html。然后你就可以只把这个html喂给cc。 就可以了