利用AI制作自己的工作台

26 年 8 月 8 日 星期六
1777 字
9 分钟

茗叙

由于我的录取通知刚刚下来,也是分到了新疆的一个二批次学校,环境还是非常的不错,不过这个专业我倒是不是很喜欢,听说是人家的王牌专业,也还行吧,我打算之后去当两年的兵,之后转专业. 也是坐等录取通知书啊下来啊! 前几天录取线出来了,我就已经推算出来我在那个大学了,我父母很是担心我没学上,我说不用担心,我报的冲的学校刚好分数超过了最低分,但也是很遗憾,就差1分录取第一志愿的新疆政法大学,不过二志愿倒也是不错的,那我们来日方长,以后再见!

茗叙

经常在抖音刷到一些视频,是关于显示自己做的工作台,里面的功能超级丰富,还能自行DIY,我一看非常感兴趣,于是自己手动制作了专属于我的工作台,那么接下来请欣赏我的成果,我会将我第一版的提示词放在后面,后面的提示词没有做整理

项目介绍

一个独一无二的高级个人工作站 —— 把学习、生活、健康与成长收进一个清爽的空间。 采用 Apple Liquid Glass(液态玻璃) 设计语言,浅蓝 + 奶油白 / 灰黑暗色双主题。

xpress轻量 API 服务器
tsxTS 直接运行 / 热重载
dotenv读取 server/.env 密钥与目录配置
cors跨域支持

设计系统

Apple Liquid Glass 设计令牌、明暗主题、液态玻璃(backdrop-filter)、发丝线、胶囊分段控件、双层阴影、spring 动效。 交互细节:锚定弹窗(Modal anchorRef 自动翻转防溢出)、顶部卡片呼吸点、页面过渡动画、下拉刷新。

欣赏成品

1.首页

集合了工作台的代办,打卡,运动等工作记录,可以设置代办点击即完成代办

首页
image-20260808134931345

2.运动

可以添加想要锻炼的位置,可以自定义添加动作

image-20260808134956855
image-20260808135003200

3.阅读

上方有推荐的书籍,以及可以搜索并且导入书籍

image-20260808135026878

4.膳食

每日使用AI为我推荐膳食,以便于我学习做饭

image-20260808135040015

5.打卡

image-20260808141755883

6.穿搭

上述自动获取所在城市的天气日期情况,并且下方含有AI生成穿搭方案

截图2026-8-8_12-38-51

7.新闻

 每天获取时政,财经,科技这三个方面的新闻,每天的资料都不相同,包含各各RSS源

image-20260808141915211

8.博客

> 对接我的博客,点击新建自动帮我填充头部模板,可以选择归档和标签进行添加

image-20260808142015999
image-20260808142108951

制作教程

复制下面我的提示词到WorkBuddy或者opencode(我的工具)

我想要做我自己的工,需要液态苹果样式,部署到 微信小程序或者在本地运行,在了解我的所有需求前,不要进行工作,将本项目的相关信息写入README.md 适配平台:手机端和电脑端响应式设计,适配手机和电脑宽度导航方式:左侧固定纵向导航栏(可 折叠/收起),图标+文字形式,选中态高亮 设计风格:清新简约风,液态苹果风格,主色调建议使用淡蓝色再加点奶油白,黑夜模式采用灰黑色+淡蓝色的配色,光影质感模拟阳天空与水, 自然清新;拒绝花里胡哨彩色,暗黑风视觉舒适护眼 交互体验:页面切换平滑过渡,按钮有点击反馈,支持下拉刷新 【页面一:首页】 点开后右侧任务栏显示今日时间日历包含农历阳历,和以下文字:Hi,你好茗辰原今天工作了吗? 体细一点高级一点)下面每日更新一句激励共勉的文字和英文翻译 (字 增加倒计时选项,比如距离xx生日还有多少天,可自定义删除增加。(我的生日2007年5月5) 每日计划放在倒计时下面,可自己增加删除每日计划,做完了打钩,自动划线变暗。

【页面:运动】 分类方式:三大训练分类标签页切换(肩膀/胳膊/腹部) 每个标签都要有最新推荐的动作训练,可以在后台添加和更改图片视频,以及自己编辑相关动作

【页面:阅读】 顶部数据展示:累计阅读量、累计阅读时间 核心模块:每日推荐我一本书,关于(心理/精神/财富/编程等)(我是infj人格,自行推荐) 卡片内容:同步书籍封面+名称,可以自定义上传txt文件或者md文件 阅读模式:点击之后是个专业的阅读台,左侧为阅读的文字,右侧可以选择标注,可选中文字右键标注内容,手机端则展示阅读模式,没有标注功能 记忆机制:记住所有的标注,以及书籍的阅读进度 附加功能:可给书籍打1-5的小星星的评分,后续推荐书籍可以参考推荐评分系列类书籍 【页面:穿搭】 三大分区:圃衣橱管理|雪今日穿搭|AI穿搭小助手 定位天气:自动获取新疆省乌木鲁齐实时气温、天气状况 衣橱管理 支持相机拍照/相册上传衣物图片;录入品类、颜色、季节、风格 网格展示全部衣物,可编辑、删除、标记闲置/常穿 今日穿搭 上传当日穿搭照片,绑定衣橱单品;AI自动评估穿搭是否适配当日天气,给出优化建议,附带鼓励文案;自动 保存穿搭历史记录 A1 穿搭小助手 根据衣橱现有衣物+实时天气,自动生成多套穿搭方案;支持文字对话,自由询问各类搭配问题

【页面:记账】 顶部设置项:本月消费预算、本月总收入、今日收入录入 记一笔表单功能: 选择日期、购物平台(抖音/快手/拼多多/淘宝/外卖/线下/其他)、填写消费金额、购买物品、备 注;底部「记一笔」提交按钮 今日消费清单:按时间排序展示所有记录,统计当日总消费,支持删除条目 年度总览面板:12个月收支柱状图、年度总收入/总支出/结余、消费分类占比图表;可切换年份查看历史 数据 【页面:新闻】 时政、财经、科技三类新闻,所有新闻每天实时更新(各平台取其对我最有帮助的10条,卡片样式,点开即阅读模式) 【页面: 日记】 使用一本日记同步,后台可以添加账户和密码,自动登录一本日记的网页版,默认使用默认云来读取日记内容,并且可以添加日记,进行编辑写作

文章标题:利用AI制作自己的工作台

文章作者:茗辰原

文章链接:https://mingcy.cn/2026/08/08/new-work[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。