【提示：该帖子为抖音人气热榜前29名项目】
飞书版本帖子：https://yangtuomt.feishu.cn/wiki/Yn0PwTIADiO1OfkOMVKcHPV1nvc
体验链接：https://kj.sgguo.com
手表表盘模式： KJ 表盘模式
【先睹为快可看】抖音视频：https://v.douyin.com/6L_n12b5Zko/
如果你喜欢本项目，欢迎给抖音视频点个小心心
~
【程序员狂喜】技术要点剖析： KJ 9 - TRAE AI 创造力大赛参赛说明
本帖已于今天更新了比赛格式要求，若想直接查看审核区域，请跳到本文底部“【审核区域-TRAE 实践过程】”
前言
各位喜欢电脑的朋友们你们好，我是自媒体up主传说当中的帅锅-极客，今年26岁了。从去年开始我就一直学习Trae的如何使用以及关注Trae最新更新动态，我一直在跟其他粉丝推荐这个AI IDE，实在是太好用了。就在最近看见了Trae这个比赛，正好我有一个我认为比较出色而且市场上不存在的一个想法：新标签页+桌面美学的设计。
众所周知，市面上有很多新标签页/起始页，但是设计同质化严重，没有新颖的点*（附录的PPT中有详细的同类起始页的图片，建议搭配观看，这里就不再重复上传了）*。最重要是，这些起始页的背后操控者都是公司，而非以个人的名义开发的，长远来看，公司更看重的是利益，所以绝大部分起始页在其中植入了少量到大量的广告植入，这其实完全背离了极客粉丝们对于“纯净”的追求。这时候就会有人问帅锅了：哎帅锅，现在就是广告时代，不盈利他们怎么活啊？我的评价是：是这样的，你说得对，抛开公司还是个人不谈，谁都要吃饭。
但是你有想过吗？一些起始页完全背离了初衷，一开始宣传的是极客风，结果他们越更新越臃肿，出现了订单中心、第三方中介AI广告、会员中心，甚至去除这些广告还得开通会员！所以导致现在一提到起始页，大家就脚趾扣地，指定和帅锅一样，安装一个起始页就看他有没有广告，有的话马上卸载装另一个，这时候我们已经完全忽视了设计美学感，反而重点去关注：谁更纯净？
除此之外，帅锅还发现，不少起始页滥用全局高斯模糊，层层嵌套模糊，不仅造成了配置差的电脑或者手机卡顿、占内存严重，而且最重要的一点是：根本不好看。直播时候也给大家看了很多Edge浏览器扩展，现在的起始页换汤不换药，一个不太好看的风景+一个不太圆润的按钮+乱七八糟的高斯模糊组成了一个半成品一样的标签页。试问：作者在用吗？高斯模糊应当是在做设计的时候辅助提升的视觉样式，不应当是为了弥补自己设计的缺陷而做的挡箭牌，更不应该什么元素都套用。
这就不得不提一下帅锅刚才提到的想法了：没错，仅用745KB代码就实现了，WebOS！同时也是你的起始页。
这让我想到了很早之前的Windows93是极客圈子里常被仰望的一个作品之一，也是最有名的网站之一，由两位法国开发者 / 网络艺术家 Jankenpopp 和 Zombectro 于 2014 年 10 月 启动开发，2015 年 3 月 发布了完整版本。他们将这个项目定位为一种对 90 年代互联网文化和早期操作系统的致敬与恶搞。可惜的是：这个项目年代久远且失修，而且创立之初在于“娱乐”而非“生活实用工具”。
所以KJ就这样诞生了！
那是一个在2015年的春天，文库上的一个名为“KJ”的PPT火了，他采用了触发器和超链接，从而在PPT里实现了一个操作系统，又名PPTOS，这个想法吸引了众多爱好者，纷纷加入了粉丝群，并且进行了二创，没错这正是帅锅的开山之作！一晃这个作品就更新了78个版本！
众所周知，大数据是不会骗人的，喜欢折腾软件的孩子们绝对也刷到过无数作者用PPT做一个自己心目中的系统。**而“KJ 9起始页”正是这个版本的正统续作，本版本完全使用了Trae制作，并且规范了AI输出的可用性，帅锅对智能体做了一系列去AI味儿的优化，配置文件布局合理，延用了帅锅UI美学架构。**结合了前面PPT设计想法+浏览器起始页的设计美学+桌面系统美学。那么今天我们来看看KJ 9吧，KJ 9的主页面就已经很吸引人了，而且在群内内测迭代了13个大版本，帅锅对他做了哪些逆天的设计呢？记得三连哦~我们进入正片。
初次设置
这是其他起始页没有的，为了更好的自定义你的体验，起始页开启的时候自动加载KJ经典开机动画以及桌面、任务栏设置。
选择一个壁纸。其中有一个“AI味儿”壁纸，是AI最喜欢的蓝紫色，奈何有些人确实喜欢这个逆天配色，被帅锅调侃式的保留和还原下来了……
这些选项都可以在稍后在设置自行进行更详细的调整。包括之后的也是。搜索引擎也可以自定义。
纵向排列指的是Windows系统排列方式，横向排列是KJ系统的彩蛋排列方式，保留PPT系统爱好者的样式，这与其他起始页不同的是可以自选，其他的都是固定不变的。
经典模式是Windows任务栏样式，PPT系统样式为爱好者最喜欢的可悬浮任务栏，而且任务栏可以拖拽移动，这个我们后边会展示到。
之后我们以Win7经典的全黑式淡入淡出进入到了系统里，有一种亲切感扑鼻而来！我们先来简单看一下：
左侧区域为快捷方式图标，可以展示：系统应用、自定义网站链接、自定义应用。不要以为裤衩一下全都加载完毕了，这就不得不提一嘴了，这是帅锅研发的经典的“懒加载”，所有应用按需加载，不像其他起始页，一打开，所有div全都蹦在后台里等着叫他弹出来，占用太高了。
- 系统应用：指的是为了用户便捷性而开发的APP，这些APP可以满足日常需求，但是复杂的需求需自己定制，下边会提到如何定制。
- 自定义网站链接：指的是用户右键桌面添加的快捷链接，点击后在新标签页里打开网站链接。
- 自定义应用：指的是用户可以点击KJ开始→创建你的应用，来创建你自己的HTML嵌入页面并永久保存至起始页里，以满足自己的需求(?)往好处想，帅锅服务器不会上传你的起始页任何数据……稍微复杂点的，你可以写出这样的小工具，还可以接入KJ已经给你暴露出来的API，加快你的开发进度。
中间为搜索框，右边为待办事项，都可以拖动！搜索栏可以自定义~
保持最纯净！
得益于帅锅开发的“懒加载”，在第一次加载之后，第二次、第三次……打开之后，你会发现是秒加载！因为KJ已经保存在你的电脑里了，包括你的所有自定义数据！
除此之外，如果你仅仅使用搜索栏搜索内容，并且欣赏背景，那么KJ就仅加载你自定义后的内容，除此之外的控件均不加载。主打一个纯净！
深度体验之个性化设置
大的还在后边呢，先给大家来点东北猪头肉配酱油蒜开胃小菜来吃吃看。我们有时候不想做任何事情，只想打开浏览器啥也不干发呆，帅锅也是如此，有时候闲的没事干就想玩玩起始页里的东西，这下有的玩了！你就玩吧，一玩一个不吱声。
你没看错，大部分都是矢量背景，随时可以修改，而且任务栏和开始菜单甚至能调透明度！不少电脑爱好者喜欢这样的UI我说实话……
深度体验之应用
他真的像Windows系统一样，可以拖动、最大化、最小化等……你可以随意打开所有软件，因为不会因为程序多而卡顿，这和Windows的工作原理不同……也得益于“帅锅级优化”。
如果你实在是担心窗口太多、占用过高，帅锅为你贴心的准备了任务管理器！不过这个任务管理器和Windows的不太一样，因为网页的工作原理一定是跟系统有区别的。右键任务栏点击任务管理器就可以调出来了！
这里可以看到所有应用的标识符，包括你自定义应用的标识符，还可以看见目前KJ系统所占内存区域，也就是左上角的“浏览器JS堆大小”，现在是9.6MB。
那就有兄弟问了，我感觉你默认应用还是多，我想快速移除怎么办？那你就可以打开设置→系统→应用管理。这里可以删除任意一个图标，甚至管理你自己加的图标，比手动一个一个清理太方便了，而且系统应用误删了还能复原。
除此之外，帅锅就怕你觉得占用大，又在主页设置了看板，可以在这里查看KJ系统在你的电脑上存了多少数据并且管理KJ存储的数据。
管理数据的方法比较复杂，这里就不赘述了，KJ是支持在浏览器F12开发者工具里直接修改的，不会像其他起始页一样直接锁死存储桶。当然如果你只看不改，可以在以下系统入口查看数据，注意只能看哈。
文件资源管理器 → KJ系统
深度体验之开发
刚才提到的在KJ开始→创建你的应用，可以创建你喜欢的HTML、CSS、JS网页，并且支持代码块高亮和自动换行，肥肠的方便！这里再详细介绍一下。
- 网站应用：当你输入一个链接之后，系统将自动创建一个应用，之后你可以在KJ系统里浏览这个网页，包括拖拽、最小化和数据管理。如果这个网页适配的够好了（基本都有动态式响应），可以完美的和优雅的动画相匹配！
- 自编应用：当你创建代码之后，系统将自动创建一个应用，之后你可以在KJ系统里浏览这个网页，包括拖拽、最小化和数据管理。刚才介绍过了，这里就不再重复了。再次提醒：帅锅服务器将不会传输数据！
深度体验之数据管理
你可以随时导入、导出数据，这些数据将会展示：数据桶名称、第一次使用KJ系统日期、保存了多少个笔记、创建了多少个网站和应用等等。若想管理你的数据，请转到：
-
设置→系统→个人存储信息
-
或者 KJ开始→关闭标签页→恢复
为了保护用户隐私，所有数据都不上传到服务器，所以这些数据需要用户自己备份好，点击导出会给你下载一份打包好的存储桶文件，你可以随时还原到另一台电脑或者其他浏览器上。
清除KJ系统所有的数据：将会清除桶内的所有数据，请谨慎选择，只有在办公电脑和公共电脑上推荐这么做，个人电脑不要随便动！
深度体验之搜索KJ
如果你创建了太多的网页和自定义应用，你可以使用开始里的搜索功能一键直达。
其他自定义模式
极简模式
如果你厌烦了天天看桌面模式，那么极简模式可能适合你。在这个模式当中，开始菜单和任务栏被禁用，并且是起始页最常见的设计布局。你可以选择性的展示APP列表，并且和桌面模式一样运行他们，提供最简洁的体验！同样支持更换背景。
表盘模式
如果你想给生活加一点料，那么表盘模式可能适合你。得益于帅锅UI的美学设计，你可以切换至动态流动表盘，后续还会上线更多矢量图形设计。
表盘模式和现实生活中的智能手表一样，数据是独立的。
其他使用体验优化
不少用户对于自己的审美和使用习惯会提出不一样的观点，所以为了让大家满意，特意在用户体验上下了不小的功夫。
-
设备优化和触控优化
适配各分辨率电脑、安卓手机、安卓平板、苹果手机、苹果平板、Windows平板等，以及支持安卓触控、苹果触控和Windows触控！适配真的是很难的一件事~
-
禁用高斯模糊和动画
如果你完全不喜欢高斯模糊和动画，你也可以像大多数Linux系统一样，只要个简洁。
-
新版本和网络审查
帅锅网站提供网络审查和新版本推送，当你收到网络异常或者新版本的时候，都会提醒你，当然你也可以选择什么都不做，甚至停用更新！
-
全屏起始页
你可以随时点击全屏按钮将浏览器全屏，这样你原来的Windows系统任务栏就被覆盖掉了，使用起来不会那么突兀了。
-
全局拖放
你可以随时拖动图标、搜索栏来调整位置，自定义这一块啊。
-
全局音量控制
你可以随时管理KJ的音量，以及哪个程序正在发声！
注意：你自己的开发的应用播放音乐的时候也会出现这个，不止自带的音乐APP，这样你可以知道哪个APP在后台播放。
一般来说，这个功能没必要动，也解决了浏览器无法单独管理某个标签页音量的问题。
-
懒加载的使用
如果你出差、离线访问、不想更新，那么预载功能是一个好用的功能。当你点击预载按钮之后，你会发现每次打开起始页都是秒加载，因为已经存储到本地了。
如果你想获取新版本，则需要清理之前预载的缓存。
-
沉浸式应用
如果你只想静下心来整理思绪，沉浸式应用绝对是一个好用的功能，搭配KJ中的全屏功能，可以将整块电脑屏幕变成沉浸式，例如音乐APP。音乐APP沉浸式应用目前会在沉浸式模式下随机推荐歌曲，然后随机更换唱片颜色，令人舒适。
后续将会陆续开放相关API，敬请期待。
-
离开时，打开应用提醒
在关闭起始页的时候，KJ将会检查你是否有未关闭或者未保存的窗口，没有关闭的窗口可以后悔选择取消，用户可以返回处理未保存的内容。
【人群建议】
-
极客群体：追求极致可控与可折腾的工具用户
-
桌搭群体：把桌面当作品，重视美学与一致性
-
浏览器 DIY 群体：希望新标签页完全属于自己
-
Windows DIY 群体：热爱桌面端系统美化与仿真体验
-
移动端 DIY 群体：热爱移动端系统美化与仿真体验
-
以及喜欢纯净的你~
【审核区域-TRAE 实践过程】
【1】工作模式/实践过程
- 注意事项：其他关键开发工作原理在KJ系统桌面上有一个“KJ 9 参赛！”的图标，如需深度研究可以直接参考，这里面有高达18个技术要点分类！不定时更新~
【2】关键开发
- 大概就是SOLO会列出待办事项，确认过后就可以执行了，成功率是最高的（几乎没有与实际需求存在什么偏差），这里不再详细赘述了。
【3】Session ID
日常处理：
.1176911312591707:0f464ffef0938b6eeb10d11f7c548f6e_6a3d289e73f5c30477465cce.6a3ddb38bfa4f26ae520520b.6a3ddb383b983477dc9f9fa1:Trae CN.T(2026/6/26 09:51:52)
重构实例：
.1176911312591707:8a8c8d15a2d8a172a722de7a2c9a28b9_6a14f1758b4f7988dadb32a6.6a14f1768b4f7988dadb32a8.6a14f175c1fa65ddc6402d00:Trae CN.T(2026/5/26 09:03:50)
BUG修复：
.1176911312591707:8d93838e6b4eee00daee7e9079240783_6a3e5c5a1e3b04888eff27e2.6a3f3360d229b5f73a77b902.6a3f335f33b05266bfa55aa6:Trae CN.T(2026/6/27 10:20:16)
【4】Demo 体验-网站均已过公安备案，放心访问
桌面模式/极简模式体验：https://kj.sgguo.com
手表体验： KJ 表盘模式
如果你之前打开过网站，可能不是最新版本，这是因为作品的离线缓存机制。最新版本为：9.1.12，在体验前，先到设置或者关于系统APP确认是否更新至最新版本。你可以点击设置-更新-清除离线缓存按钮，将浏览器缓存一并清空并且不丢数据，然后按下shift+f5即可接收到最新版本的提示！
详细演示视频链接（推荐看）：https://v.douyin.com/jhyoYZqGLgw/
宣传视频链接：https://v.douyin.com/y1VXLg4I4LY/
总结与市场调研详细PPT，包含制作时的数据和仪表盘：
https://yangtuomt.feishu.cn/wiki/Yn0PwTIADiO1OfkOMVKcHPV1nvc#share-EeVGd1Y7yoQcsfxB4pMccsArnmb
【5】通过审核的报名帖
结语
总的来说，Trae对于日常开发是没有任何问题的，KJ起始页是一个非常好的例子。我个人认为，KJ是我个人领域里有史以来开发的最复杂的项目了，其中的架构已经不是一句两句能说清楚了，喜欢研究技术的朋友们可以参考刚才的流程图。帅锅对于自己的作品品控也是在圈子里是出了名严格的，有点心疼AI了，到我这里Trae送的额度根本不够用，而且AI在我手里真的是全年无休了，几乎一天都在为我工作……如果大家喜欢我的项目的话，请你给个三连吧！也辛苦大家听我念叨这么久了！
你还觉得很臃肿？内容很多？实际：745KB！
大连线下城市活动7.4下午13.00，届时欢迎其他开发者与帅锅体验与探讨KJ下一个阶段的版本前瞻。
