有图有动画有解说的视频省流版本:https://www.bilibili.com/video/BV1j7Gg6RETs/?spm_id_from=333.1387.homepage.video_card.click&vd_source=f679a984507b532b8dda7f5650a2a2b9
【1】自我介绍:
大家好,我是帅锅,一名科技区博主,粉丝不多,是一个小博主,全网现在有超6.2万粉丝。同时接触技术也很多年了,曾免费帮助过众多电脑用户解决电脑问题。帅锅衍生的电脑工具虽然众多,而我的心中一直有个梦想,就想完成我初中的梦想,没错:浏览器系统+起始页生态化。
【2】产品创作历程:
每天打开浏览器,你看到的第一眼是什么?是铺天盖地的广告,是令人担忧的"诈骗新闻",还是一不小心就点进去的弹窗?
今天,帅锅带你看看——浏览器的第一眼,本来可以有多美。无论是理财、设计、编程、社区工作、政务、办公、运营、销售、器械、焊接、调试、工厂、医院、AI人工智能、刷题、报考、填志愿、嵌入式、展厅、学术等等,这些都离不开浏览器。恰巧的是,来自于各行各业的我们,每天打开浏览器做的第一件事是:看浏览器起始页。但浏览器的主页非常让人糟心,不是广告多就是令人担忧的"诈骗新闻",尤其是一不小心就会点进弹窗广告,误开浏览器权限还容易造成关键工作单位隐私泄露。安装其他起始页也不是不可以,但问题在于内置的皮肤并不出色,甚至有点丑化浏览器,一些起始页甚至还内置一堆广告插件,这些都不支持自定义,其实是换了一种形式给你展示广告。这次比赛,帅锅想做一件不一样的事:服务于大众。KJ 9 起始页为了满足各行各业人的品味和需求,内置了超多效率工具以及风格皮肤,方便在不同的设备、不同的人群、不同的系统、不同的职业,当他们打开浏览器的第一件事,不是"又上班了"“又要看广告了”,而是:全新的一天,从,属于我们自己的世界开始。
这就不得不提到 KJ 命名的起源。KJ 4、5、6、7、8,源自帅锅 2015 至 2024 年的幻灯片 PPT 作品,该作品大量使用了代码和触发器,达成了真正系统的效果。帅锅也正是提出"系统环境与我们的世界"相结合概念的第一人,也由此发展出了小型社区。小小的还在上初中的帅锅,该作品全网播放就达到了 5 万,一直到帅锅上高中、大学、工作,依然在维护着他小时候的理念和梦想。
K 为快速,J 为简洁。从初中到工作,帅锅维护这个理念已经十年。而 KJ 起始页,是他第一次用 TRAE 把当年的 PPT 梦想,变成真正能在浏览器里运行的桌面级系统。这个项目,全网已超过11万播放。
帅锅为了打造一个起始页整套的系统,准备了 5 种模式:横向排列、纵向排列、传统起始页、极简和表盘模式。我们逐一带大家完整的体验。
首先输入链接【kj.sgguo.com】,即可体验起始页,我们可以对其进行自定义,当然稍后也可以在设置中详细调整。(备:本作品是公开的,网站不怕偷)
【3】产品简介/完整功能体验:
第一章:桌面模式基础体验
我们看到的是 KJ 起始页的主界面,也就是传统桌面模式。
中间是核心的网页搜索栏,在这里输入关键词,系统会实时匹配你的搜索建议。比如我输入"传说当中的帅锅",就能立刻看到帅锅系统、帅锅博客的建议,按回车就可以快速搜索。如果你需要搜索学术内容,那么 KJ 9 让您无需再搜索官网,而是直达其学术的搜索网站并且结果展示搜索后的文章。KJ 9 支持谷歌、百度、必应等多家主流搜索引擎,你可以在设置中自由切换默认搜索引擎。无论日常搜索还是学术研究,都能一键抵达。
桌面图标支持自由拖拽排列,你可以把常用的应用放到最顺手的位置,就像使用真实的操作系统一样。双击图标可以打开应用,每个应用都以独立窗口的形式呈现,你可以拖动窗口标题栏来移动位置,也可以点击右上角的按钮来最大化、最小化或者关闭窗口。系统支持多窗口同时工作,你可以一边写笔记一边查资料,互不干扰。此外记事本支持免费编辑和查看Markdown文档。
在桌面空白处点击右键,会弹出熟悉的右键菜单,不同的组件右键有不同的效果,大家可以自行尝试。桌面右键则提供了排序方式、查看方式、刷新桌面(刷新网页)、新建文件夹、新建快捷链接等快捷操作。比如选择按名称、默认排序,桌面图标就会自动整理。其中默认排序是把系统应用前置、自定义应用及网站链接放在最后。
第二章:内置应用
KJ 起始页内置了多款实用的系统应用,不需要安装就可以直接使用。
首先是计算器,支持标准的加减乘除运算,应用社区还提供科学计算模式,满足更复杂的计算需求。
接下来是记事本,除了最开始介绍的功能之外,他还可以保存在KJ里。点击左侧列表就可以在不同笔记之间快速切换,方便你管理不同主题的记录。
还有文件资源管理器,可以管理你创建的所有本地文件。
然后是音乐,如果你想安静的度过片刻,那么你可以上传一首沉浸式的音乐,打开全屏以及沉浸式模式,浏览器秒变沉浸式播放器,让其他工作稍等片刻。
桌面小组件方面,除了时钟,还有待办事项小组件,你可以随时添加当天要完成的小任务,完成一项就勾选一项,让起始页也能帮你管理日常琐事;还有极具创意的黑洞小组件,鼠标移动就会吸入万物,是一个有趣的解压小彩蛋,工作累了不妨玩一玩。
第三章:个性化设置
KJ 起始页提供了丰富的个性化选项,让你可以打造属于自己的桌面风格。
打开设置应用,进入个性化页面,你可以自由切换深色主题和浅色主题,界面会瞬间切换配色,适应不同的光线环境和使用偏好。你还可以自定义主题强调色,蓝色、紫色、红色、绿色,选择你最喜欢的颜色作为界面的点缀色。
在布局方面,系统提供了纵向、横向和起始页三种排列方式。纵向排列是KJ特色的起始页布局,搜索栏在中间,图标排列在左侧;横向排列则把搜索栏放在屏幕中间的位置,图标在上方横向展开,更符合宽屏显示器的使用习惯。两种布局切换时都有流畅的过渡动画。起始页模式则是固定模式,是其他起始页相似的UI,符合习惯用起始页的人群。
如果你觉得内置链接还不够用,还可以添加自定义网站链接。右键桌面,点击添加自定义链接,输入网站名称和网址,桌面上就会出现这个网站的快捷方式图标,双击就能一键直达,把你常用的网站都整合到起始页里。
壁纸设置同样不容错过。KJ 9 内置了多套精选壁纸,从纯色、渐变到自然风景、抽象艺术,应有尽有。你也可以上传自己喜欢的图片作为壁纸,让起始页真正成为你的"私人桌面"。
不止图片,KJ 9 还支持视频壁纸。上传一段你喜欢的短视频,桌面背景就立刻"活"了起来——无论是流水、城市夜景,还是一只慵懒的哈基米,都能让你的起始页拥有独一无二的氛围感。视频壁纸会智能铺满全屏、静音循环,既不干扰操作,也不会抢占桌面图标的视觉焦点。配合模糊层,还能在视频之上叠加一层柔和的景深,让图标始终保持清晰可读。
任务栏方面,KJ 9 专门准备了一套"PPT 系统样式悬浮任务栏"。它致敬了帅锅 KJ 4 到 KJ 8 的社区同类 PPT 作品——一条悬浮在屏幕底部中央的胶囊形任务栏,带圆角、毛玻璃和细腻投影,应用图标居中排列。这条任务栏还可以在屏幕上自由拖动,放到你最顺手的位置。对老粉丝来说,它是一份情怀;对新用户来说,它是一种更精致的桌面体验。
与任务栏配套的,还有书签栏功能。开启后,任务栏左侧会出现一个书签按钮,点击即弹出独立的书签栏面板,把你常逛的网站分门别类地收纳其中,需要时一键直达。更贴心的是,KJ 还提供了浏览器书签同步扩展,安装后浏览器的收藏夹会实时同步到书签栏里。书签栏支持窗口模式,可以拖动、调整大小,或者把它当成一个常驻的导航小窗来用。
动画与视觉效果方面,KJ 9 提供了全局动画和模糊效果两组开关。开启模糊效果后,窗口和菜单会带有细腻的高斯模糊背景,质感直逼原生系统,如果你觉得全局高斯模糊不好看,也可以尝试仅标题栏模糊。如果你追求极致性能,也可以一键关闭所有特效,让起始页在老旧设备上也能流畅运行。
极简模式是为专注用户准备的另一份礼物。开启后,桌面图标、任务栏都会隐去,只保留中央的搜索栏,让你打开浏览器的瞬间就能专注于搜索,不被任何元素打扰,需要时再一键唤回完整桌面。
此外,设置中还提供了单击打开、任务栏显隐等细致选项,每一项都贴合真实使用场景,让你把起始页调教成最顺手的样子。
最后要说的,是一项"你可能感觉不到、但它一直在背后默默工作"的能力——预载和懒加载。KJ 9 借助 Service Worker以及“帅锅级优化”,在首次访问时就把核心样式、脚本和关键资源悄悄缓存到本地。下一次打开,起始页几乎是秒开,即便网络不稳甚至断网,基础界面和已缓存的应用依然可用。这种"用得越多、越用越快"的体验,让 KJ 起始页真正像一款装在本地的原生系统,而不是一个每次都要重新加载的网页。
与预载相辅相成的,是贯穿全站的懒加载策略。桌面上的应用图标只是"入口",真正的应用代码在你双击打开的那一刻才按需加载——没打开之前不会占用任何资源;小组件也是同理,时钟、天气、待办、黑洞各自独立,用到哪个初始化哪个。这样一来,首次进入桌面的等待时间被压到极短,而随着你逐步探索,功能才像剥洋葱一样一层层展开。这种"用得越多、越用越快"的体验,让 KJ 起始页真正像一款装在本地的原生系统,而不是一个每次都要重新加载的网页。
第四章:AI 应用社区——人人都是开发者
接下来这一章,是 KJ 起始页最不一样的地方。
打开应用社区,你会发现有诸多网友创作的实用小工具:北大法宝、进制转换工具、番茄钟挂件、每日一言挂件……但更神奇的是,你不需要会写代码,也能拥有属于自己的应用。
打开 TRAE,用一句话告诉 AI 你想要什么,AI 会调用 KJ 的 MCP 接口,直接把应用写好并部署到你的起始页上。刷新一下,新工具就出现在桌面上。
具体操作也很简单:把 MCP 代码复制到 TRAE 这样的 AI IDE 里,点击编辑 MCP 配置文件粘贴进去,确认亮绿灯之后,让 AI 把写好的小工具传入 KJ 起始页里,刷新即可见到全新的工具。帅锅提供了丰富的 API 可以调用,你甚至可以尝试获取各行各业的资讯并固定到起始页上。
再然后,TRAE最近发文有很多新的TRAE WORK插件,比如通达信、万德、天眼查、北大法宝,未来都可以利用插件和KJ起始页的MCP工具,将更便捷的每日信息固定在你的浏览器起始页小组件里,无需再打开任意网站即可实现。
这意味着,KJ 起始页不是一个固定的产品,而是一个会随你的需求生长的活的系统。每一个用户,都能把它变成自己的起始页。像比赛很多的项目都可以利用开放的API集成在KJ里,比如我比较喜欢的吃药提醒,这样就无需再浏览其他网站或者跳转其他软件就可以知道一些简洁又快速的信息。
当然,一个开放的应用社区,离不开一套可靠的内容治理与反馈机制。这一点,帅锅借助飞书生态打通了完整闭环。
应用上架并非来者不拒。每一位用户提交的新应用,都会进入飞书审核流程,由后台统一把控内容安全与质量,审核通过后才会正式出现在应用社区里。这样一来,无论谁来贡献应用,都能保证起始页生态的健康与可信,让每一位用户都用得放心。
与此同时,用户的每一条建议都不会石沉大海。KJ 起始页接入了飞书问卷,用户可以直接在产品内反馈使用体验、提交功能建议;而这些问卷数据会实时汇入飞书多维表格的 AI 仪表盘,自动统计、可视化呈现,让帅锅一眼看清哪些功能最受关注、哪些体验最值得优化。用户的真实声音,就这样直接驱动着产品的下一次迭代。
从用 TRAE 写应用,到用飞书审应用、收反馈、看数据,KJ 起始页用一套完整的工具链,把"人人都是开发者"这件事,做到了真正可运营、可信赖。
第五章:表盘模式
接下来介绍 KJ 起始页最具特色的功能——表盘模式。
你可以通过桌面上的表盘模式图标进入表盘模式。进入时会有优雅的入场动画,时钟刻度交错淡入,应用图标以螺旋方式从外向内依次落位,充满仪式感。
表盘模式以圆形时钟为视觉中心,时针、分针、秒针流畅转动,模拟真实高级腕表的质感。所有应用图标沿圆周环形排列在时钟外圈,鼠标悬停在图标上时,图标会放大并显示应用名称,方便你识别。时钟中心集成了搜索栏,功能和桌面模式的搜索栏一样,可以快速搜索网页。
如果你想回到传统桌面模式,只需要点击右上角的返回按钮,两种模式无缝切换,根据你的使用场景和心情自由选择。
值得一提的是,表盘模式不只是"换个样子看时间",它本身也是一个完整可用的桌面。桌面模式下的大部分应用在这里都能以更简洁版的形式保留。换句话说,表盘模式既是炫酷的视觉展示,也是一套独立而完整的工作流。
表盘模式下,时钟刻度的设计也别具匠心,12 个主刻度配合 60 个细分刻度,营造出高级机械腕表的精致质感。时针、分针、秒针的长度、粗细、颜色都经过精心调校,在不同主题下都能保持良好的可读性。当秒针走过整点时,还会有一个细微的回弹动画,模拟真实机械表的走时手感。
表盘模式现在支持自定义应用,其他功能详细说明见【相比DEMO的升级】章节。
如果你想给朋友展示这款产品,表盘模式绝对是最有"记忆点"的入口——一个会转的表盘,一圈可点的应用,这就是 KJ 9 给浏览器起始页带来的全新想象。
第六章:移动端适配
除了桌面端,KJ 起始页还完美适配移动端设备。
在手机浏览器中打开,移动端默认使用更适合单手操作的横向布局。如果图标数量比较多,你可以上下滑动来查看溢出屏幕的图标。点击左上角的汉堡菜单按钮可以打开设置侧边栏,菜单选项的文字清晰显示,点击菜单外的空白区域就可以关闭菜单,符合移动端的交互习惯。
表盘模式同样在移动端有良好的适配,圆形表盘会根据屏幕尺寸自动调整大小,环形排列的图标也会合理布局,在小屏幕上依然能获得流畅美观的使用体验。无论是在电脑前还是手机上,KJ 起始页都能给你一致的高品质体验。
移动端同样支持主题切换、强调色自定义、自定义快捷链接等核心个性化功能,你在电脑上调好的偏好,在手机上也能延续一致的视觉风格。
对于平板这类中等尺寸设备,KJ 9 还会智能识别屏幕比例,自动在横向与纵向布局之间推荐最合适的方案,让你无论横屏还是竖屏,都能获得舒适的浏览体验,真正做到"一次设置,多端通用"。
重要:相比DEMO的升级
-
更完整的功能,补全了大多数系统功能。
-
【重构文件】帅锅对所有底层代码进行重新迁移及制作,在保证运行的同时,提升了起始页的稳定性和速度;并且初次打开网页会更快,因为体积缩减了。
-
【小组件吸附效果】小组件在复赛之后的版本可以更智能的与周围元素贴靠。
-
【新建文件夹】桌面图标可以新建文件夹,更方便整理你的自定义应用和链接!同时该功能在横向排列、纵向排列、起始页模式、极简模式均可生效。新建文件夹将永远居于其他窗口底部显示。
-
【起始页模式】在该模式下,将采用其他起始页相同的布局,搜索栏和图标均被固定在网格范围内。
-
【MCP功能重大更新】你可以依靠TRAE来通过MCP和API文档来编写更多自定义应用和插件。接入方法及路径请参照视频的步骤,或者在设置-功能与扩展-MCP开发助手中的文字步骤。该功能需要登录账户并且注册TOKEN验证,TOKEN和提示词文件是免费下载安装的,传输服务由帅锅网站提供。
-
【错误日志】自定义小组件现在可以捕捉到错误日志,方便将所有报错复制给TRAE。
-
【动态壁纸】可以上传自定义视频来循环播放动画。
-
【记事本】支持读取和写入Markdown格式。
-
【移动端支持拖拽管理图标及新建文件夹】使用方法:长按屏幕点击移动图标,长按图标即可移动,然后点击右上角的完成按钮。
-
【移动端现在有专属固定任务栏及悬浮任务栏】使用方法:任务栏向左右滑动可以查看溢出的应用图标。
-
【学术搜索栏】可以自定义学术搜索,或者使用起始页内置的学术网站进行搜索。无需在搜索引擎搜索学术网站官网即可在KJ起始页中搜索,搜索后的结果直达网站最终结果。
- 【更多的自定义API】可以将文档和MCP流程让TRAE查看,他马上就能理解KJOS的MCP工作原理,而不需人工干预,你可以在浏览器上开发更多的其他MCP以及程序。
-
【全新的表盘模式】目前已全面优化表盘模式的所有功能。
-
【表盘小组件】你可以自定义应用!和桌面模式一样!
-
【同步到桌面模式】你可以轻而易举的将桌面模式和应用社区的代码同步到表盘模式中,同步之后将可以修改应用初始大小以及是否在表盘上显示小组件。
-
【表盘上的小组件】前两个小组件将会显示在表盘上
-
【小组件整理】新增一键整理功能,点击任务栏的小组件按钮,然后点击一键整理即可帮你固定小组件位置
-
【接入微信小程序】现在可以将微信小程序固定在桌面并上传到应用社区,你可以在社区中分享你喜爱的微信小程序
-
【自定义主题】可以把颜色和主题固定在设置里并且分享到社区中
-
【超级聚合搜索】KJ起始页现在能智能识别应用、书签、链接、网站、搜索引擎各维度的结果,并智能整理出来
-
【窗口优化】现在可以设置打开链接到窗口模式,请搭配下一个新特性来看更舒适!
-
【KJ沉浸式浏览器,现已推出尝鲜!】所有网页打开方式将以非常新颖的形式打开,打造你的网页上的“第二个系统”!
-
【大图标模式、分组模式、预览文件夹功能】桌面模式的新建文件夹现在你可以真正变成一个“完美”的分类文件夹。并且可以真正的清晰显示文件夹图标内容。
-
【增加多工作区模式】每一个工作区都是你的独立空间。帅锅认为,人生如多工作区模式:每种生活都该有独立的分区,互不干扰,亦缺一不可。唯有边界清晰,才能全情投入。
-
【书签重磅升级】可以将书签导入到桌面上,并且保留书签里的文件夹和布局,自动成为你最常用的链接!(图片中的空白图标为错误的链接,实际都有图标的,由于帅锅就只有三个书签文件夹,所以一股脑全显示在默认和其他里了)
结尾
以上就是 KJ 起始页的全部核心功能。快速搜索网页、多窗口多任务处理、丰富实用的内置应用、高度可定制的主题布局与视频壁纸、情怀满满的 PPT 悬浮任务栏与书签栏、秒开离线的预载能力、充满创意的表盘模式、以及完整的移动端适配——这就是 KJ 起始页,一个让你每次打开浏览器都心情愉悦的全新起点。
但更难得的是,它不止是帅锅一个人的起始页——借助 TRAE 与 MCP,每一个用户都能把它变成自己的起始页。
KJ 起始页,不止是一个产品,更是一份邀请——邀请每一个打开浏览器的人,用 TRAE 和 AI,打造属于自己的那片世界。全新的一天,从,属于我们自己的世界开始。
感谢观看,欢迎体验 KJ 9 起始页。
【4】产品演示视频/视频版本创作理念:
快速体验版本视频:https://www.bilibili.com/video/BV1j7Gg6RETs?spm_id_from=333.788.videopod.sections&vd_source=f679a984507b532b8dda7f5650a2a2b9&p=2
完整产品创作理念视频:https://www.bilibili.com/video/BV1j7Gg6RETs/?spm_id_from=333.1387.homepage.video_card.click&vd_source=f679a984507b532b8dda7f5650a2a2b9
*注意:视频中没有文章后半部分的新功能介绍,因为一些功能是视频之后突然来了灵感以及评委建议加入的,我认为之后几天加的新功能更能突出“KJ属于我们自己的小世界”的理念。
【5】TRAE 实践过程:
【6】Session ID:
.1176911312591707:17858bdb3e68d344d476279536c59324_6a69c52d9166817ec428570f.6a69c53c9166817ec4285711.6a69c53cb71c6afb405cb898:Trae CN.T(2026/7/29 17:17:48)
.1176911312591707:abe5d86a9336c51b21b51b9a24cb392e_6a698e74f4f1ea924ce6ff6b.6a69bf7a9166817ec4285379.6a69bf79b71c6afb405cb896:Trae CN.T(2026/7/29 16:53:14)
.1176911312591707:f2fa139be6e9d6e11ad3aff7a361d03e_6a67fd2d39e4a990eea3429a.6a6809f539e4a990eea34aa0.6a6809f5252d3c08aad02875:Trae CN.T(2026/7/28 09:46:29)





























































































