彻底压榨潜能！我用 Kimi K2 写了一套前端组件库
彻底压榨潜能！我用 Kimi K2 写了一套前端组件库
彻底压榨潜能！我用 Kimi K2 写了一套前端组件库 彻底压榨潜能！我用 Kimi K2 写了一套前端组件库 Modified July 14, 2025 Audio or video is not supported Please download the file and open it with the appropriate software. 714 6.mp4 · 1.01MB 714 6 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 7.mp4 · 579.22KB 714 7 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 8.mp4 · 1.05MB 714 8 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 9.mp4 · 421.65KB 714 9 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 11.mp4 · 1.15MB 714 11 00:00 键盘驱动的快速操作中心 Code block Plain Text 创建一个由键盘驱动的快速操作中心（也称为 Omnibox），类似于 VS Code、Slack 或 GitHub 中的 Ctrl/Cmd + K 功能。它允许用户通过模糊搜索快速查找内容、导航页面或执行命令。核心功能：快速调用： 通过全局键盘快捷键（如 Cmd+K）在应用的任何地方快速唤出。模态浮层： 以页面中心浮层的形式出现，背景有遮罩，让用户聚焦于命令操作。模糊搜索： 用户输入关键词时，能快速、智能地匹配相关结果，无需输入完整词语。结果分类： 将搜索结果按类别分组（例如：“页面导航”、“操作命令”、“帮助文档”等），方便用户识别。键盘导航： 用户可以完全通过键盘（上/下箭头选择，Enter键执行）来操作，无需鼠标。可执行动作： 不仅能链接到不同页面，还能直接执行应用内的功能（例如“创建新项目”、“切换主题”）。上下文感知： （可选高级功能）可以根据用户当前所在的页面，智能推荐更相关的命令。专业的用户界面： 极简、轻量、响应迅速。列表项清晰，当前选中项有明显高亮，整体设计注重效率。 Audio or video is not supported Please download the file and open it with the appropriate software. 714 12.mp4 · 565.24KB 714 12 00:00 Claude Code 调用 K2 教程的一些补充说明 上次写完教程之后很多朋友遇到了不少问题，一个是我迷迷糊糊写错了一些，还有就是没有考虑到的复杂情况。 这里统一补充说明一下，之前的教程在这里： 1. 如果你之前安装过 Claude Code 的话可能设置 API 无法生效，这时候要不删除掉你安装的 Claude Code 重新安装，要不更改一下里面 Config 文件的设置，这里用评论朋友（carline1314）的图片示例一下。 2. 通过我之前方法更改环境变量的方式每次启动都需要修改一下，如果需要一劳永逸可以参考下面的命令行，重启终端可以直接使用。 Code block Plain Text echo e '\n export ANTHROPIC AUTH TOKEN=sk ...' /.bash profile echo e '\n export ANTHROPIC BASE URL=https://anyrouter.top' /.bash profile echo e '\n export ANTHROPIC AUTH TOKEN=sk ...' /.bashrc echo e '\n export ANTHROPIC BASE URL=https://anyrouter.top' /.bashrc echo e '\n export ANTHROPIC AUTH TOKEN=sk ...' /.zshrc echo e '\n export ANTHROPIC BASE URL=https://anyrouter.top' /.zshrc 3. 很多朋友更改频繁的话可能会遇到速率限制，这个需要充值更多金额提高 TPM 才行。 4. 上次的命令我把国内和国外的 API 地址写错了，大部分用户都是用的国内的我给写成了国外的，原文已经修改，国内的链接后缀是 cn 国外是 ai。 Code block Plain Text export ANTHROPIC AUTH TOKEN=你的月之暗面 API Keyexport ANTHROPIC BASE URL=https://api.moonshot.cn/anthropic 好了这次内容就是这些。 这几天海外 K2 的内容不断的发酵，因为模型是开源的大家也对模型做了非常详细的验证。 除了在代码和智能体调用上非常强悍外，大家还发现 Kimi K2 在创意写作和 EQ 上的成绩也非常强。 而且我的推特信息流已经全部都是 K2 了，专业的研究员在讨论 K2 的架构，其他朋友在讨论自己用 K2 跑出的惊艳 Case。 连月之暗面研究员关于 K2 的博客文章都被翻译为英语疯狂传播，以前都是我们翻译别人的。 现在来看 Kimi K2 这个模型的素质应该没啥悬念了，很多有异议的朋友我的建议是自己试试，毕竟官网的是免费的。 6 月份我明显感觉整个 AI 圈子弥漫着一股非常疲惫的情绪，产品都大同小异，模型也没有什么进步，国内尤其严重，K2 发布以后明显不一样了，感谢月之暗面在 Manus 和 DeepSeek 之后又给国内 AI 产业续了一波。 测试整理不易，如果这篇文章对你有帮助，记得点个赞。我是歸藏，我们下次再见。 🎁 目前所有的组件都是用 ChatWise 调用 K2 API 生成的，Artifacts 预览非常强，而且 K2 发布就已经火速支持，只需填写 API Key 就能添加。 如果想要购买的话可以用藏师傅的链接， 可以打八五折 ： https://chatwise.app/?atp=guizang1 🔗 原文链接： https://mp.weixin.qq.com/s/W 9hypEr... 原创 歸藏的 AI 工具箱 歸藏的AI工具箱2025年07月14日 17:37 北京 标题已修改 https://mp.weixin.qq.com/s/W 9hypEr... Audio or video is not supported Please download the file and open it with the appropriate software. 714 6.mp4 · 1.01MB 714 6 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 6.mp4 · 1.01MB 714 6 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 7.mp4 · 579.22KB 714 7 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 7.mp4 · 579.22KB 714 7 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 8.mp4 · 1.05MB 714 8 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 8.mp4 · 1.05MB 714 8 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 9.mp4 · 421.65KB 714 9 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 9.mp4 · 421.65KB 714 9 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 11.mp4 · 1.15MB 714 11 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 11.mp4 · 1.15MB 714 11 00:00 键盘驱动的快速操作中心 Audio or video is not supported Please download the file and open it with the appropriate software. 714 12.mp4 · 565.24KB 714 12 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 12.mp4 · 565.24KB 714 12 00:00 Claude Code 调用 K2 教程的一些补充说明 上次写完教程之后很多朋友遇到了不少问题，一个是我迷迷糊糊写错了一些，还有就是没有考虑到的复杂情况。 这里统一补充说明一下，之前的教程在这里： 1. 如果你之前安装过 Claude Code 的话可能设置 API 无法生效，这时候要不删除掉你安装的 Claude Code 重新安装，要不更改一下里面 Config 文件的设置，这里用评论朋友（carline1314）的图片示例一下。 2. 通过我之前方法更改环境变量的方式每次启动都需要修改一下，如果需要一劳永逸可以参考下面的命令行，重启终端可以直接使用。 3. 很多朋友更改频繁的话可能会遇到速率限制，这个需要充值更多金额提高 TPM 才行。 4. 上次的命令我把国内和国外的 API 地址写错了，大部分用户都是用的国内的我给写成了国外的，原文已经修改，国内的链接后缀是 cn 国外是 ai。 好了这次内容就是这些。 这几天海外 K2 的内容不断的发酵，因为模型是开源的大家也对模型做了非常详细的验证。 除了在代码和智能体调用上非常强悍外，大家还发现 Kimi K2 在创意写作和 EQ 上的成绩也非常强。 而且我的推特信息流已经全部都是 K2 了，专业的研究员在讨论 K2 的架构，其他朋友在讨论自己用 K2 跑出的惊艳 Case。 连月之暗面研究员关于 K2 的博客文章都被翻译为英语疯狂传播，以前都是我们翻译别人的。 现在来看 Kimi K2 这个模型的素质应该没啥悬念了，很多有异议的朋友我的建议是自己试试，毕竟官网的是免费的。 6 月份我明显感觉整个 AI 圈子弥漫着一股非常疲惫的情绪，产品都大同小异，模型也没有什么进步，国内尤其严重，K2 发布以后明显不一样了，感谢月之暗面在 Manus 和 DeepSeek 之后又给国内 AI 产业续了一波。 测试整理不易，如果这篇文章对你有帮助，记得点个赞。我是歸藏，我们下次再见。 🎁 目前所有的组件都是用 ChatWise 调用 K2 API 生成的，Artifacts 预览非常强，而且 K2 发布就已经火速支持，只需填写 API Key 就能添加。 如果想要购买的话可以用藏师傅的链接， 可以打八五折 ： https://chatwise.app/?atp=guizang1 目前所有的组件都是用 ChatWise 调用 K2 API 生成的，Artifacts 预览非常强，而且 K2 发布就已经火速支持，只需填写 API Key 就能添加。 如果想要购买的话可以用藏师傅的链接， 可以打八五折 ： https://chatwise.app/?atp=guizang1 🔗 原文链接： https://mp.weixin.qq.com/s/W 9hypEr... https://mp.weixin.qq.com/s/W 9hypEr... 原创 歸藏的 AI 工具箱 歸藏的AI工具箱2025年07月14日 17:37 北京 标题已修改 大家好，我是歸藏（guizang），今天展示一下我用 Kimi K2 实现的一套组件库，以及K2 替代 Claude Code 的默认模型的教程补充。 上周五晚上 Kimi K2 发布的第一时间，我就对他做了一些测试，还是用我之前的测试集已经很强了。 然后我周末突然想上点压力，就说要不是提高一下难度。 直接 把所有的代码示例、组件引用、设计指导等都去掉 ，只留下纯粹的任务要求，看看他能做到啥程度。 结果没想到这么牛批，结果所有任务都一次性完成。 最后的结果就是用 KImi K2 实现了一个全部都是复杂组件的 B 端组件库： 包括了日历日程组件、分步引导弹窗组件、富文本编辑器组件、快捷搜索组件、带筛选的数据表格组件、文件树组件、可拖拽的数据仪表盘组件等。 🎁 目前所有的组件都是用 ChatWise 调用 K2 API 生成的，Artifacts 预览非常强，而且 K2 发布就已经火速支持，只需填写 API Key 就能添加。 如果想要购买的话可以用藏师傅的链接， 可以打八五折 ： https://chatwise.app/?atp=guizang1 目前所有的组件都是用 ChatWise 调用 K2 API 生成的，Artifacts 预览非常强，而且 K2 发布就已经火速支持，只需填写 API Key 就能添加。 如果想要购买的话可以用藏师傅的链接， 可以打八五折 ： https://chatwise.app/?atp=guizang1 可拖拽的数据仪表盘组件 很多朋友可能说可能这些 Sonnet 4 也都能做。 这里我着重展示一个复杂的可拖拽的数据仪表盘组件，我用同样的提示词让 Sonnet 4 写了之后完全不行，根本无法拖动全是 Bug。 这是 K2 的结果和 Sonnet 4 的结果对比。 Sonnet 首次运行的时候页面上一堆未知组件，最核心的问题是完全无法拖动，也没有处理每个卡片的最大最小这种边界情况，K2 把所有的问题都考虑到了。 下面就全是对应的结果和提示词，你也可以参考这些提示词让他生成你定制的 React 组件库： 文件树组件 全能日历组件 产品教程分步引导组件 现代化富文本编辑器 Audio or video is not supported Please download the file and open it with the appropriate software. 714 10.mp4 · 426.09KB 714 10 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. 714 10.mp4 · 426.09KB 714 10 00:00 高级数据表格组件