超能郭工
前端坤坤的小破站,IKUN永不过时 🐔

你不干有的是AI干:我用AI写了个周菜单生成网站

5 个月前
技术分享

省流:github仓库 DEMO

AI:人类呀,你们的工作就被我替代吧
人类:啊~对对对

公司有买 Cursor 提升我们开发的效率,经过将近一年的使用,Cursor 确实是越来越懂我了,在旧项目中,因业务复杂度相对较高,所以 Cursor 老师 更多扮演的是一个协助的角色。

自己做饭做多了后有时真的对吃的越来越迷茫,来回无非是常见几个肉类和青菜,或炒或蒸或汤,因家里新添的宝贝女儿,父母也体贴的过来帮忙带娃做饭,但父母做饭几十年早就到了麻木的状态,经常揪着那几样爱吃的菜来回吃到腻,心有烦闷时也忍不住的抱怨了起来,父母则回那你说要吃什么,来来回回就这些菜,自己也不知道吃什么?突然有了灵感,和父母说了一下,居然同意了,看来也是真迷茫了

给 AI 画饼

连起项目都不想自己动手了,自己化身产品经理,写了个Readme.md,连布局都不想画,直接文字描述,仅写了这么多,就已经迫不及待看 Cursor老师 可以帮我写到什么样子了。

markdown
复制成功
# 周菜单生成

## 项目框架与库
使用:nextjs, shacdn components,tailwindcss

### 数据库
选用sqlite
数据库表:
菜表:
  - 菜ID
  - 菜名
  - 类型:素菜,荤菜,不宜多吃,汤
  - 状态:常规(默认),最近想吃,最近不想吃

## 布局大概如下
---------------------------
[生成周菜单] [菜品管理]
---------------------------
周菜单表格,菜名旁边有一个裂开的爱心,刷新2个按钮,裂开的爱心将标注这个菜最近不想吃,刷新则再从菜表中随机获取一个同类型的菜
---------------------------
显示最近爱的菜列表与不爱吃的菜列表


菜品管理弹窗布局
----------------------------
菜品管理           [添加][批量添加]

表格列为:菜名、类型、状态、操作
状态列显示为当前状态,支持dropdown修改状态
操作表格 支持编辑、删除
----------------------------


## 周菜单生成规则:
仅生成午餐与晚餐,不宜多吃等于荤菜,按2荤2素1汤标准生成,一周仅可出现一次不宜多吃的菜

Image

生成的值枚举值直接用中文…非常的严谨,和老师表达了一下自己的愚见后🤣,老师可以很快的将涉及部分较多的枚举值检索并更改。

Image

Image

初步生成的结果

审批完老师的代码后

激动的心💗

颤抖的手👋🏻

面对结果的我😱

失业的大家伙🫥

Image

调整表格布局

周菜单生成后的结构感觉有些浪费空间,开始让AI帮忙调整周菜单后:

markdown
复制成功
- 将周菜单表格行调整为午餐和晚餐,列调整为周一至周日
- 周菜单宽度调整为适配页宽
- 为周菜单菜项增加emoji代表菜的类型,不宜多吃同等于荤菜,文本超出省略并显示tooltip
- 周菜单生成后右上角显示打印按钮,打印时仅显示周菜单表格,并适配纸张,菜项边框与操作图标隐藏

Image

菜单管理

左图最开始生成的结果经过对AI下达各种 Prompt 后:

markdown
复制成功
- 菜品管理增加下列功能:
    - 表格增加分页
    - 菜名搜索与类型筛选
- 菜品管理弹窗header固定,仅body滚动,将添加与编辑另外弹窗
- 菜单管理增加导入和导出功能

Image

Image

生成README.md

基本都是AI写的代码,哪有我给他写readme的道理,继续让AI试试

Image

Image

思考一下

我在和老婆描述我用AI写这个时,表达了对AI的能力强大与便利,自然而然就要讨论到一个大家经常讨论的话题:

那AI真的要替代开发了吗?

最近刚好硅谷各大公司为布局AI也已经开始了大裁员,股价也不在以你的公司有许多人才而相对稳定,而是看你是否拥抱AI。

从市场利益的角度来说:肯定会的替代掉许多人的岗位,肯定已经有许多老板已经在想着招一些初/中级工程师+AI 完成公司的业务。

从实际角度来说:AI是懂市场,懂产品,懂专业技术的利器/搭挡,就普通岗位市场来说:一个好的开发也不是拥有多牛的技术,而是能否理解甲方想要的东西和沟通的能力,能够对项目有一定的规划和靠谱的执行能力。会管理的领导用人和用AI一样厉害,所以肯定是有影响的。

现在 Gemini3 出来了,听宣传强大到甚至能理解老板一句你给我搞个流水1亿的运营方案出来。

只能说国内市场环境的AI来说,还是有些时间才到这个阶段,只能希望这一次的AI革命,大家做好规划,学习AI,也用AI学习,紧跟时代的步伐,不要在AI革命中被革命,最后也希望革命后让AI真正的为人民服务,为人民增加经济效益,国家早日步入福利型社会。

标签:
JS/TS
如果这篇文章有帮助到您,可以请我喝杯咖啡
感谢您赐我KUN力
Wechat 赞赏码Alipay 收款码
你不干有的是AI干:我用AI写了个周菜单生成网站
本站除注明转载外均为原创文章,采用 CC BY-NC-ND 4.0 协议。转载请注明出处,不得用于商业用途
评论