在使用deepseek搭配claudecode降维使用去生成前端页面或者使用其他ai软件去生成前端页面的时候常常会出现生成的界面过于ai化以及生成的样式过于死板等一些问题,我们常常会遇到以下情况我们在做页面的时候通常会变成这个样子

类似于这种的界面千篇一律吧,无论是图标还是什么的都是一样的emoji

        针对此,我不禁常常思考能否依靠ai去生成出我想要的前端页面,于是我对此有了以下几点的想法

        1.采用先进的skills,针对我我使用的claude来说,有两个比较常用的skills,一是fronted-design,二是figma,虽然我不知道他们具体是怎么实现前端页面更好看的,但是这两个插件确实让原本ai生成的前端稍微变得不那么的ai化,但是依旧没有达到我所要的效果

        下载方式如下:

        用官方 skills 命令:

npx skills add frontend-design -y -g

        或者安装插件市场

/plugin marketplace add anthropics/claude-plugins-official
/plugin install frontend-design@claude-plugins-official
/plugin install figma@claude-plugins-official

        一般直接/plugin就可搜索到

        2.采用非常详细的提示词,但是首先你得有非常详细的页面设计思路,我觉得这个一般来说可能没有相关经验,这时候就可以借助豆包或者deepseek等免费工具跟他聊天把细节以及什么都聊好,并且让他给出非常详细的ai提示词,然后一步一步很慢的去完成最终的结果细节需要自己逐一创新和思考,我觉得这一种还是比较实际的。

        3.使用专业的figma等专业的绘制出大概的图形模板,我觉得这个需要花精力去学习,需要成为一个比较有创新感的设计师(也是多专业融合了)

        以上三点是我目前能够想到,但是最终的效果其实都并不是很好,相比起古法编程,ai编程已经方便我们了不少了,但是我觉得也替代不了前端,现在的前端我觉得需要如何在需求上提出自己的创新以及框架的搭建(鄙人只是一位学生并没有深入前端的开发,只是阐述自己的看法),对此我想提出以下两个问题,想求得一些建议和简介:

        1.如何使用ai去生成自己想不到的创新前端页面

        2.如何使用ai去生成我自己所希望和需求的创新页面

        3.在ai大时代我们前端该如何看待和学习前端的相关基础知识,该学什么是否是只需要懂得基础知识以及看的懂框架就可以(还在前端知识的学习中)

        以上的看法为个人见解,仅供参考,作为一个前后端开发的学习者,您的建议和评论我会认真回复和学习的

Logo

中国智能体开发者社区,聚焦智能体与大模型开发,提供前沿资讯、实用工具链、开源项目及行业案例。通过技术沙龙、开发者大赛等活动,促进经验交流与协作,助力开发者快速构建创新智能应用。

更多推荐