Claude Code + Kimi K2全栈开发教程，1小时上线「"丑咪"挑战赛」！

从上周六开始，我的AI编程工具成了下面这套神奇的混搭组合：

Cursor + Claude code + Kimi K2

在这个组合下，我上面展示的项目等于有了两个AI Coding的窗口，一个是右侧常规的Cursor的对话框，另一个是界面下方终端里的Claude Code（接的是Kimi K2的模型）。

这篇文章比较长，主要包括以下五个方面的内容：

1）用「丑咪挑战赛」这个实际的全栈AI项目向你介绍下我这套AI Coding组合的使用方式和体验；

2）解释我为什么要选择这个「奇葩」的搭配，优势是什么

3）教你如何不需要花20美金订阅，给Claude Code接入Kimi K2的教程

4）用Claude Code+Kimi K2做的一些前端测试的案例

5）使用Claude Code+Kimi K2的部分使用技巧

一、开发Next.js全栈AI项目「丑咪挑战赛」

通过这个组合，我大概一小时就能完成「丑咪挑战赛」这么个全栈Next.Js AI小项目的开发，效果如下👇

这个项目简单来说呢，就是允许用户上传自家的猫咪“丑”照，然后调用图像理解的AI API来获得个毒舌吐槽评价...之所以做这个项目，一方面是我自己确实喜欢猫（为了撸猫，我甚至下周打算飞趟土耳其，那边街头到处都是猫，哈哈哈），另一方面也是从小红书获得的灵感，我一直在想结合AI和猫咪能做点什么有趣的项目，然后我发现特别多人喜欢发自家的丑咪。

开发的第一步，输入提示词

启动Claude Code后，我输入了以下提示词要求，因为我自己对这个产品的需求想得比较明确了，之前也做过类似的尝试，所以提示写得比较详细。如果你对产品只有一个初步的想法，也可以让Claude Code帮你梳理产品需求。

在输入完成需求后，我首先得到的是一份Claude Code针对我的项目需求所规划出的todo，它帮我计划了从新建项目到搜索API调用方法，再到网页设计等方面的不同todo项，然后逐一去执行。

说起来，我这里比较奇怪的是，我明明输入的都是中文提示词，调用的也是Kimi K2的API，为什么Claude Code返回的内容会是英文的，我自己推测的应该是Claude Code这个产品有大量的英文系统提示词，所以如果你英文不好，期望AI用英文和你对话的话，可以试试在提示词中增加一句「请始终使用中文与我对话」。

接下来，我觉得体验比较好的是，这累计九项todo理论上要AI思考和执行几十次，甚至上百次才能完成的，但是Claude Code就这么一声不吭地帮我一次性执行完了，中间除了让我提供权限允许它运行终端命令或者创建文件之外，不需要我再做任何额外的事，非常靠谱。

甚至，API调用的规则它也是老老实实自己搜索信息之后完成了。

不过相比Cursor和原生的Claude Code来说，用K2 API的情况下，执行速度相对比较慢，这几项todo最终执行了大约10分钟的时间。我们可能越来越需要想想在这vibe coding的等待过程中，我们能干点什么了～也许喝杯咖啡，刷刷短视频也不是太糟的选择。

当然，上面操作完成后，我还需要自己去获取下OpenAI的API key填到环境变量中，这个时刻我觉得是在IDE工具中使用Claude Code的优势了，因为只是一个终端的话，你不方便查看特定的文件代码，我也不是很放心直接把API key发给AI的，这时候还是自己在编辑器中操作替换比较合理。

Claude Code首次完成任务，我填完API key后，就到了测试阶段了。我测了下，遇到了两个错误，一个是上传功能没法使用，一个是代码中有些语法的报错。这两种情况都是我直接用自然语言表达自己遇到的问题就解决了。

不过说实话，AI编程遇到问题我很习惯了，但是像这个项目我更预期可能会遇到API调用或者样式展示的问题，而不是这种很基础的语法错误的问题。这种给我的感觉是一个高考能考680分上清北的学生因为作文有错别字而被扣了5分，就还挺可惜的。

但整体体验来说的话，这次项目开发的体验很流畅，看起来Kimi K2的agent和coding能力确实不错，和Claude Code也是相当适配。我在这个项目上花的最主要的时间就是在等、等、等了，我比较期待Kimi K2能把吐tokens的速度再搞快些。

你也可以通过这个链接来体验下我做的这个小产品：https://kitty.img2046.com/

二、Cursor + Claude Code + Kimi K2的组合逻辑

实测了四天之后，我发现这确实是目前最优的AI Coding性价比之选。在此之前Cursor一直是我的编程主力工具，Claude Code则是最新尝试下来，体验很好，相比Cursor有不少优势的产品。

逐渐形成现在的组合有以下几个原因：

一是现在Cursor目前在频繁改动计价规则，越来越坑了，一不小心就会超过20美金Pro版本的计价范围，Max模式要收费、Background agent要收费，而且一次对话调用25次工具后就会停止，在复杂任务时也显得越来越不够了；

二是Claude Code确实很强，尤其是任务初始阶段Planing做计划，然后再一步步处理完成任务的方式很棒，而且Claude 4毕竟还是现在在agent和coding领域最强的模型，在自己的编程工具工作流上优化得很好，主要缺点是...贵；

三是上周五看到Kimi K2发布后，看了他们官方发布的Benchmark表现，完全是开源模型SOTA级别的，有1000B的总参数，在agent和coding能力上都能完全和Claude 4掰掰手腕了，很适合作为Coding模型的选择（Kimi K2的API输入价格是4元/百万 tokens，输出价格是16元/百万 tokens）。

这个组合的优势在于，能在不需要购买Claude Pro会员，不用特意配置网络环境的情况下就用上Claude Code，还不需要担心被Claude封号的风险。

至于Cursor，则主要是作为IDE使用，方便看项目文件和改一些细节，如果你习惯使用VS Code或者Trae等其他AI IDE的话，也可以用那些产品替代。

三、如何给Claude Code接入Kimi K2

接下来，我先教一下大家改如何配置这么个神奇的组合👇

第一步：

打开Cursor，打开界面中的「终端」窗口，先确保你的电脑中安装了Node.js 18以上的版本，不知道怎么安装，或者不确定自己的node版本的可以直接问Cursor

第二步：

安装Claude Code

在终端输入下面的命令

npm install -g @anthropic-ai/claude-code

回车之后没有报错的话就是安装成功了，如果出现了报错提醒，你也可以把错误信息复制给Cursor的对话框，让他帮你解决问题。

第三步：

获取Kimi k2的API：https://platform.moonshot.cn/console/api-keys

注册应该会送15元的额度。我测试了下，基本上一次对话就消耗几毛钱。送的额度就够做几个项目的。

第四步：

在Cursor终端里用这段命令结构启动Claude Code

因为Claude Code本身就有用Claude会员和Claude API 这两种方式，所以即使你没有Claude会员，或者你的网络环境不支持Claude，通过这种方式都能直接用。

export ANTHROPIC_AUTH_TOKEN=用你在kimi那获取的API-key替换（SK-xxxxx开头的） export ANTHROPIC_BASE_URL=https://api.moonshot.cn/anthropic claude

接下来你就在终端里正常用自然语言输入你的命令就好了。

四、Claude Code + Kimi K2的前端测试案例

除了最开始尝试的全栈网站开发的案例之外，从我最近几天的测试经验，以及结合X上很多博主的案例来看，Kimi K2的前端审美和稳定性我感觉基本上达到了Claude Sonnet 4的水准。

下面是我自己的两个尝试，你也可以看下效果。

案例一：网页动画

我让Claude Code+Kimi K2帮我制作一个表达地球、月亮、太阳这三者运动关系的科普动画网页，面对这个简单的几个字的任务，我很喜欢的一点是Claude Code会先思考，拆解成六个不同的todo项，然后逐一完成。

最后呈现的效果如下，没有太多花里胡哨的东西，但是很克制又很充分地完成了我的需求，还提供了这种小动画的速度控制、暂停/播放、显示/隐藏轨道等功能，我觉得学校里如果能用上这种产品，很多科普性质的概念解释工作会简单很多。

在公众号原文观看或收听这段内容

案例二：游戏化打字练习网站

这个网站的主要功能是让你想玩太鼓达人一样通过游戏化的方式去练习打字的准确性和速度。基本的功能玩法Claude Code+Kimi K2一次性就完成了，后面又调整了两次视觉风格和动效，可以看出不管是整体界面视觉的设计，还是游戏过程中的屏幕动效，完成度都是相当高。

在公众号原文观看或收听这段内容

五、一些使用经验和技巧

另外，在使用了超过10小时后，下面是我对你开始使用Claude Code + Kimi K2的几个使用建议：

1、在做新项目或者修改老项目的时候，可以先使用 /init 命令在项目根目录自动生成Claude.md文档，这有点类似于Cursor Rules，也可以保存对话过程中你的项目记忆；

2、你可以通过往对话框中拖入文件、甚至文件夹的方式，给Claude Code提供任务相关的上下文信息，比如开发产品后端的时候，可以把前端相关文件都拖入读取；

3、记住，这是个终端命令行开发工具，所以现在你通过电脑终端可执行的命令它也完全能执行，可以不受限于编程任务，做一些电脑中文件的重命名、文件结构调整等很多事情它也能干；

4、及时Git保存，因为现在Cursor有Restore Checkpoint的功能，能帮你快速回到之前的项目状态，但是Claude Code并不能，而AI总是有可能把你本来好好的项目整坏的，所以要有做完一个小功能小调整就git保存的习惯；

5、可以同时开多个窗口同时执行，不论是同一个项目还是不同的项目，可以靠多开几个终端同步操作的方式提高效率，相当于多雇佣了几个员工；

6、在使用比较新的技术栈上，AI训练的语料库可能不够新，可以要求搜索，或者提供链接让Claude Code读取，原生的Claude 4模型和Kimi K2模型都有联网搜索能力；

7、完成一个项目后，总是要求反思、审查、测试，目前Kimi K2 debug发现自身代码问题的能力也还不错。

最后，就像我一直强调的，使用AI和AI Coding都是门实践的艺术，看太多教程和攻略都比不上你自己亲自上手试试～

欢迎尝试完了来评论区分享了你使用Claude Code + Kimi K2的体验，也可以聊聊你最近在用AI Coding做什么好玩的项目。