下面每个预览都是用该皮肤真实的配色与组件变量渲染的。点「看完整词条」可以展开这套皮肤的全部规范并直接复制,追加到你自己的提示词末尾就能用。
普通的「换肤」给你几个十六进制色值,AI 拿到之后还得自己决定卡片多大圆角、按钮按下去什么态、列表行距多少、标题用哪种字重—— 这些没写死,生成出来的东西每次都不一样,十次有八次丑。
我们的皮肤词条把这些都写死了:背景、表面、边框、主色、圆角档位、字体栈、标题字重、特征动效, 连按钮 hover、列表间距都给了明确尺度。AI 套着写,下限有保障。
别按好看挑,按「你会在什么状态下打开它」挑。下面是六种常见情况的推荐。
要的是不抢戏、久看不累,界面越安静越好。
极简白 · 莫兰迪柔和 · 森野绿
要的是一眼有辨识度,发朋友圈或小红书不像随手做的。
杂志编辑 · 蒸汽波 · 玻璃拟态
要的是专业稳重,信息清楚,不能有玩具感。
商务深蓝 · 报表商务 · 黑金质感
要的是每次打卡都有正反馈,把枯燥的坚持变成闯关。
像素复古 · 童趣糖果 · 森野绿
要的是密度高、列对齐、扫一眼能比大小。
报表商务 · 终端极客 · 暗色霓虹
要的是字大、按钮大、看得清、点得中、不吓人。
高对比大字 · 童趣糖果 · 奶油暖阳
全程不写代码,也不需要注册、付款或留邮箱。
没有。16 套皮肤词条和 48 个场景的完整需求文档全部公开,词条全文可以直接在本页展开复制。不用注册、不用留邮箱、不用付款,也没有次数限制。
可以。点每张卡片下面的「看完整词条」,复制那段文字,追加到你自己写的任何一段提示词末尾就行。生成器只是帮你把内核、场景、皮肤三段自动拼好,省得手动复制三次。
能,而且不用重做。把新皮肤的词条复制给 WorkBuddy,加一句「按这段规范把现有工作台的视觉改掉,功能逻辑不要动」,它会只改样式层。这也是我们把视觉单独拆成一层的原因。
能。整个流程都是选择题:选场景、选皮肤、复制提示词、交给我们生成。你拿到的就是一个双击就能打开的 HTML 文件,不需要安装任何东西。
不会。产物只用浏览器的 localStorage,没有服务器、没有账号、没有联网请求。你记的账、写的周报只存在你自己的浏览器里,连我们自己都看不到。
皮肤词条就是一段普通中文,你完全可以照着上面任意一套的写法改成自己的:先写背景/卡片/边框色值,再写主色只用在哪、圆角多少、字体字重、动效时长,最后写一条这套皮肤的招牌细节。写完追加到提示词末尾即可。