• 请不要在回答技术问题时复制粘贴 AI 生成的内容
 |
1
xuld May 28
是谁告诉你 AI 可以取代前端开发的？ AI 能做的也就是粗糙的活
|
 |
2
xiaomushen May 28  2
后台 CRUD 当然可以，但 2C 的页面，还得手工去调
|
 |
3
hamsterbase May 28
这个和模型能力有关的。
codex 5.5 的确不太适合凭空 ”创造“ UI 我的建议是用 claude code 进行 html 设计。 然后让 codex 还原 html 。 |
 |
4
Brightt May 28
实际体验 ai 搞后端更厉害
|
 |
5
kuhung May 28
Claude 审美稍微好一丢丢，codex 适合后端
|
 |
6
guozi1117 May 28
Claude+SKill 出来的页面还是很厉害的
|
 |
7
allinQQQ May 28
有个很火的 UI UX Pro Max Skill
|
 |
8
craftsmanship May 28 via Android
|
 |
10
TimPeake May 28
image2 生图 -> 生成 html > HTML 丢给你的 claude
|
 |
11
ccraohng May 28
gemini + impeccable 的 teach + shape + craft 以及 live mode
|
 |
12
ggzhyipeng May 28
image2 生图，把图直接丢给多模态，gpt 能还原个八九成吧
|
 |
13
loading May 28
先给设计稿，Ai 做切图仔最合适。
|
 |
14
Linuj May 28
我用最近很火的 skill ui-ux-pro-max
|
 |
15
maichael May 28
其实 AI 做出来怎么样主要看你项目上下文质量，也就是说你的前端本来做的好看，它后面「照着做」的也会好看，本来做的不行它也不行。
|
 |
16
66beta May 28
UIUX 哪有那么好做，AI 更擅长后端。
说 AI 写前端好用的，基本都是对前端没有要求的项目，就好像一个素人刚学会 HTML 和 CSS ，照着禅意花园写了几个页面，就感觉自己可以改变世界  |
 |
19
Nasdaq PRO claude 审美不错的，至少能合我心意
|
 |
20
MagicalCarl May 28
写纯前端（让它跳过逻辑部分）用国产模型有奇效，我用最简单的约束，类似“样式风格是浅色、简约、中性、现代化，不要使用大圆角，不要使用渐变色，不要使用 svg 作为图标（使用你认为熟悉的、合适的图标库或 ui 库）”
|
 |
21
wu67 May 28
个人建议.
不要用 gpt 去调样式布局. 除非你这页面生成一次再也不用改了. 不说 opus, 我宁愿用 sonnet 4.6 不带 thinking 都不用 gpt... |
 |
23
Rust2015 May 28 1
首先，你得会布局。知道 CSS 的五要素：flex 、盒子、文本、动效和视觉
分的清楚：什么是容器，什么是父组件，什么是子组件；父组件负责布局，子组件负责展示等等... 只要初步的掌握了这些，你写的页面才能出效果，好看 |
 |
24
1Tiger May 28
claude design 试试，我感觉还行 最近还知道一个 qoder ，都可以试试，让他们出设计图 figma 或者 html 交互原型 同时输出视觉规范，然后让 codex 或者 Claude 去实现再逐步调整
|
 |
25
zhaosong May 28
prompt => pencil MCP => coding 这个流程应该更靠谱些，最好再加上组件库、UI 规范。模型的设计语言来自于训练的数据集，好看的标准当前也不一样
|
 |
26
wonderfulcxm May 28
@Rust2015 好不好看跟你掌握了多少前端知识无关
|
 |
27
Seck May 28 via Android
我的感受就是 AI 做出的东西，像模像样，但是，实际处理还是需要专业的前端程序员
这一点，我无比确认 |
|
28
Rust2015 May 28
@wonderfulcxm 此话怎讲，洗耳恭听
|
 |
30
gaoryrt May 28
使用 https://impeccable.style/ 这种 skill 来避免/修改味儿太浓的结果
|
 |
32
pangdundun996 May 28
@rev1si0n 这个感觉挺好,就是要开会员,不能按量来
|
 |
33
ilemon18 May 28
给他来点组件库的 skill
|
 |
34
kuku123 May 28 3
UI / 前端 / 审美
ui-ux-pro-max 、frontend-design 、design-taste-frontend 、impeccable 、baseline-ui 、fixing-accessibility 、fixing-metadata 、fixing-motion-performance 、shadcn-ui 手机 UI / 原型 / Figma figma 、figma-use 、figma-create-new-file 、figma-generate-design 、figma-implement-design 、figma-generate-library 、figma-create-design-system-rules 、figma-code-connect-components 、huashu-design 做图 / 社交卡片 / 小红书 guizang-social-card-skill 、xiaohongshu-images 、carbon-image 、openai-image-skill 目前在用的，感觉越装越多~ 再搭配 AGENTS |
|
35
kuku123 May 28
1.项目入口与治理
2.架构与规范文档 3.流程指南 4.App 类型策略 5.交付模板 6.发布模板 7.项目记忆 8.项目材料 9.Git Hooks 10.自动化脚本 11.脚本库模块 12.提示词示例 13.UI 模板 14.关键概念 再搭配 AGENTS 已经可以批量搞鸿蒙上架了~  |
 |
36
BigPiggggg May 28
@houOne #18 后台不都是封装好的组件库吗，直接让 ai 用弄好的组件库就完事了
|
 |
37
irvinghua May 28
前段时间，刚把一个 B 端的后台管理系统的老旧前端工程的 UI 给重构了一次。
首先是画设计稿，试了很多工具，包括使用 google stitch/Claude Design/UI UX Pro Max 。想试用 figma 但是要钱，我画设计稿需求又少，就用为了这一次设计，专门花钱买会员太划不来，就没买 。 试用感觉是，除了 Claude Design ，其他两者都很难用。Claude Design 跟它讲一次粗略需求，就可以一次成型，做出很惊艳的效果，生成的页面很漂亮。 UI UX Pro Max 这个 skill 出的设计稿太规矩了，你说什么就一板一眼按你意思做，感觉必须是 UI 大牛才玩得转，因为只有 UI 大牛才知道如何写非常精细具体的提示词，引导这个 skills 去完成他心目中已经构思成型的设计。 google stitch 就不说了，升级到了 gemini 3.5 之后，就是个残次品，没法用。 我最后基本都是靠 claude design 画完设计稿的。 设计稿画好之后，把设计稿导出成 html 格式文件。剩下的工作就是让 ai 读这个 html 设计稿。比照着设计稿改代码，还原设计稿 UI 。我个人感觉 GPT-5.5 比 opus4.7 在还原前端设计这块，高出一大截。opus4.7 按照设计稿改 UI ，简直就是弱智，快把我累吐血了。字体，字体大小，行间距总会改漏。告诉他某某元素样式和设计稿不一致，死活定位不出来哪里不一致，非要我自己定位代码，告诉它，是具体哪个 DIV+CSS 不对 |
|
38
wonderfulcxm May 28 via iPhone 1
@Rust2015 这不很明显吗？掌握了技术不代表你有品味，有高级的审美能力，设计跟前端是两个职业。
|
 |
39
evan9527 May 28
现阶段的 ai 搞前端问题还是挺多的。我的方案让 ai 起个大框架（初稿），细节还是得人工修改，要不然越改越乱。
|
 |
40
zhang2e May 28
好不好看，完全看审美，就算你能做出符合自己审美好看的 UI ，没有专业设计来把关的话，那可能还是很丑的。
|
 |
41
teaguexiao May 28
给 AI 指定一个具体的组件库基准（比如 shadcn/ui ）效果会好很多，让它参照现成组件而不是自己发挥布局。另外给一张截图参考比绯心写 DESIGN.md 往往更管用，模型对“看就懂”远比“读文字描述”准。
|
 |
42
HanMu May 28 1
上面的说 AI 不行的到底有没有用过 claude 写前端？不加任何 skill 的情况，简单的提示词，claude 的审美绝对超过在座的 90%。
|
 |
43
faceRollingKB May 28
用过，写代码一分钟，review 一小时
|
 |
44
Hilalum May 28
claude design 设计好然后 handoff 给 claude code ，完美前端审美
|
 |
45
mywind May 28
我这个是用 claude design + codex 写的，你可以参考一下。
|
|
46
mywind May 28
@mywind https://github.com/ryviuszero/Fast-Sub/tree/master/dev-docs/ui-docs/prototype
可以细调。 如果是网页，想要快速的话，可以让 claude 给你生成一个风格的 copy skills ，我的 voice-tools.com 就是这么做的。 |
 |
49
morota May 29
用 gpt vibe 了十几个玩具，确定了一件事，gpt 设计的页面确实不行，UI 做的太粗糙了，有时候指定了 UI 库和 icon 库，弄出来的都丑的很
|
 |
50
zhongyi2002 May 29
@guozi1117 有好的工具包嘛
|
 |
51
sch1111878 May 29
|
 |
52
a1039861261 May 29
@Rust2015 去哪儿看这些知识大佬
|
|
53
Rust2015 May 29
@a1039861261 没什么，善于提问，提完问，善于总结，再提问
|
Select Language