Theme Library

16 套皮肤
把同一个工作台变成 16 种产品

功能是骨架,皮肤是长相。同一套记账逻辑,套上极简白像 Notion,套上暗色霓虹像数据仪表盘, 套上像素复古像游戏机。每套都是一份组件级规范,AI 照着做不会跑偏——现在 16 套全部免费。

组件级 · 不是只给色号 一键换肤 · 改一行属性 16 套全免费 · 词条全公开
Theme Library

16 套组件级皮肤,全部免费

下面每个预览都是用该皮肤真实的配色与组件变量渲染的。点「看完整词条」可以展开这套皮肤的全部规范并直接复制,追加到你自己的提示词末尾就能用。

为什么是组件级

给色号 = 看运气
给规范 = 可复现

普通的「换肤」给你几个十六进制色值,AI 拿到之后还得自己决定卡片多大圆角、按钮按下去什么态、列表行距多少、标题用哪种字重—— 这些没写死,生成出来的东西每次都不一样,十次有八次丑。

我们的皮肤词条把这些都写死了:背景、表面、边框、主色、圆角档位、字体栈、标题字重、特征动效, 连按钮 hover、列表间距都给了明确尺度。AI 套着写,下限有保障。

不只是色值。 每套皮肤附带卡片 / 按钮 / 输入框 / 列表的具体样式与间距尺度,只给色值的皮肤在本站视为不合格。
换肤只改一个属性。 在生成器里选好皮肤,提示词末尾自动追加该皮肤词条;产物里换肤就是改 data-skin,不重写任何组件。
语义色不变。 成功=绿、危险=红、提醒=琥珀、主色=场景指定,无论换哪套皮肤,这些语义色始终一致,不会看错状态。
How to Pick

16 套里怎么挑

别按好看挑,按「你会在什么状态下打开它」挑。下面是六种常见情况的推荐。

每天都要开,一开好几次

要的是不抢戏、久看不累,界面越安静越好。

极简白 · 莫兰迪柔和 · 森野绿

做完想截图发出去

要的是一眼有辨识度,发朋友圈或小红书不像随手做的。

杂志编辑 · 蒸汽波 · 玻璃拟态

要给老板或客户看

要的是专业稳重,信息清楚,不能有玩具感。

商务深蓝 · 报表商务 · 黑金质感

最大的问题是坚持不下来

要的是每次打卡都有正反馈,把枯燥的坚持变成闯关。

像素复古 · 童趣糖果 · 森野绿

数据很多,要对数

要的是密度高、列对齐、扫一眼能比大小。

报表商务 · 终端极客 · 暗色霓虹

给家里长辈或小孩用

要的是字大、按钮大、看得清、点得中、不吓人。

高对比大字 · 童趣糖果 · 奶油暖阳

How to Use

三步用上任意一套皮肤

全程不写代码,也不需要注册、付款或留邮箱。

16 套皮肤 + 48 个场景,全部免费

皮肤词条本质上就是一段写死了组件规范的文字。你可以在生成器里选,也可以在上面直接复制词条,粘到任何一段提示词末尾。

1
选一套皮肤在上面的 16 张卡片里挑,点「看完整词条」可以先看清这套皮肤到底规定了什么,再决定用不用。
2
在生成器里选好场景 + 皮肤去「在线生成」,选场景、选皮肤,提示词末尾会自动追加这套皮肤的完整词条,不用你手动拼。
3
复制粘贴进 WorkBuddy回车等它写完,拿到一个双击就能打开的 HTML 文件。想换皮肤就再复制另一套词条,让它改一次即可。
FAQ

常见问题

真的全部免费吗,有没有隐藏收费?

没有。16 套皮肤词条和 48 个场景的完整需求文档全部公开,词条全文可以直接在本页展开复制。不用注册、不用留邮箱、不用付款,也没有次数限制。

能不能不用生成器,直接拿词条用?

可以。点每张卡片下面的「看完整词条」,复制那段文字,追加到你自己写的任何一段提示词末尾就行。生成器只是帮你把内核、场景、皮肤三段自动拼好,省得手动复制三次。

已经生成好的工作台,还能换皮肤吗?

能,而且不用重做。把新皮肤的词条复制给 WorkBuddy,加一句「按这段规范把现有工作台的视觉改掉,功能逻辑不要动」,它会只改样式层。这也是我们把视觉单独拆成一层的原因。

我不会写代码,能用到吗?

能。整个流程都是选择题:选场景、选皮肤、复制提示词、交给我们生成。你拿到的就是一个双击就能打开的 HTML 文件,不需要安装任何东西。

生成的文件会泄露我的数据吗?

不会。产物只用浏览器的 localStorage,没有服务器、没有账号、没有联网请求。你记的账、写的周报只存在你自己的浏览器里,连我们自己都看不到。

16 套还不够,我想要别的风格?

皮肤词条就是一段普通中文,你完全可以照着上面任意一套的写法改成自己的:先写背景/卡片/边框色值,再写主色只用在哪、圆角多少、字体字重、动效时长,最后写一条这套皮肤的招牌细节。写完追加到提示词末尾即可。

Start Now

挑一套,现在就生成一个

16 套皮肤 × 48 个场景全部免费,还能自己定义场景。不用注册、不用留邮箱,十分钟拿到你自己的工作台。