灵感不白瞎！不会代码就用 CNB MCP！

本文使用的MCP，来自腾讯云开发者MCP广场。腾讯云开发者社区MCP广场，致力于为用户提供丰富、好用、安全的MCP服务。

当灵感撞上代码的门槛

身为设计师的你正在国内旅行，望着祖国的大好河山，灵感突然闪现 —— 或许可以这样调整产品的设计。

这个想法一旦形成，便如种子落地，开始萌芽、茁壮成长。你迫不及待地想看到修改后的效果，可灵魂三问却让你望而却步：

“我会写代码吗？”

“我会配置开发环境吗？”

“我带工作电脑了吗？”

BUT!

"这个，在线编辑器，能不能写代码？"

"能，但我不会"

"这个，CNB MCP，能不能写代码"

"能，但我没带工作电脑"

"那这个加这个，能不能唱着歌把代码写了"

"敢问阁下何方神圣"

"CNB 是也！"

CNB 是什么？

CNB - Cloud Native Build

CNB (Cloud Native Build) ，中文名“云原生构建”，是一个由腾讯云原 Coding 团队打造的，集成代码托管、云原生 CI/CD 构建（秒级启动）、云原生开发的一站式开发平台。主打一个开发人员的时尚单品，Everything as code

CNB MCP 又是什么？

CNB MCP服务器 - 腾讯云

CNB MCP 是一种基于 Model Context Protocol (MCP) 开放协议的服务器，它标准化了应用程序向大模型提供上下文的方式，主要用于自动化管理 CNB 代码仓库，提升开发者的工作效率的工具包。其核心功能包括：

1. 代码仓库操作。支持文件读写、仓库创建/删除、分支管理等操作，开发者可通过自然语言指令让 AI 自动执行代码仓库的日常维护任务

2. 问题跟踪与协作。自动搜索 CNB 仓库中的 Issues 和 Pull Requests，识别相似问题并提供解决方案。例如，当开发者询问“某个错误是否已知”，AI 可结合错误信息自动搜索相关仓库并生成反馈，甚至直接创建新 Issue

3. 集成开发流程。作为 AI 工具（如 Cursor、Windsurf）的扩展模块，CNB MCP Server 使 AI 能够深度参与开发流程，例如自动审查代码、生成 PR 描述、合并分支等，减少人工操作

4. 标准化接口优势。通过 MCP 协议，开发者无需重复对接 CNB API，即可复用现有服务。同时，AI 模型可动态发现并调用服务器提供的工具，实现灵活的上下文交互

总结来说，CNB MCP Server 通过自动化和智能化手段，将 AI 能力嵌入代码管理场景，显著提升开发效率与协作质量

开工！手把手教你「云原生开发」

第一步：准备「云原生开发」

先申请访问令牌，操作步骤见 访问令牌 | 云原生构建

令牌场景选择“MCP 读写凭据”，创建后一定一定一定要复制到其他地方保存，关闭弹窗后无法查看

再创建密钥仓库，操作步骤见 密钥仓库 | 云原生构建

“仓库归属”下拉框，选择自己的用户名

密钥仓库创建成功后，进入仓库创建名为“envs.yml”的文件，填入 CNB_API_TOKEN=<刚才保存的令牌>，点击完成创建

新建文件

添加密钥

第二步：打开「云原生开发」传送门

不用下载任何东西，手机/平板/公共电脑都行——直接戳进项目仓库地址。这里以 https://cnb.cool/wanpy/vuepress-starter 仓库为例

找到「新建分支」按钮，点击新建

新建分支

会出现弹框，“分支名称”方便记忆即可，“创建来源”默认

成功创建名为“have-a-try”的分支后，点击右边“云原生开发”按钮，开始创建开发环境

云原生开发，启动！

云原生开发加载中

第三步：召唤「云原生开发」搭子

点进「云原生开发」入口，这时候两个神器会自动上线：

注：代码仓库已提前做好了配置，详情见示例仓库的 .ide 和 .cnb.yml

● 腾讯云代码助手CodeBuddy：AI 时代你的智能编程伙伴，让灵感即刻落地

● CNB MCP Server：你的开源社区管家，提 ISSUE、改代码、跟进度全包揽

打开 CodeBuddy

打开 MCP Server 列表

第四步：和 AI「聊需求」，代码自己长出来

接下来就是见证奇迹的时刻——和 CodeBuddy 聊天就行！

第一条指令：“帮我新建一个 ISSUE，内容是：全局字体颜色加深”

CodeBuddy 秒懂，调用 CNB MCP 工具立刻生成编号为 1 的 Issue

创建 ISSUE

第二条指令：“修改全局样式文件，把文字颜色加深一些”

CodeBuddy 阅读整个仓库并进行理解，准确找到需要修改的文件，然后调整代码

寻找需要修改的文件

修改文件

第三条指令：“预览下改动效果呗～”

CodeBuddy 启动服务后，手动点击右下角小弹框里的“Open in Browser”按钮，预览成功！

启动预览

第四条指令：“搞定了，提交 PR”

CodeBuddy 提交改动到分支，并调用 CNB MCP 工具立刻生成编号为 3 的 PR

创建合并请求

第五条指令：“帮我关闭编号为 1 的 ISSUE”

注：确认此时 PR 评审通过，并且已合入目标分支

CodeBuddy 调用 MCP 工具，关闭了编号为 1 的 ISSUE

关闭 ISSUE

此时任务完成！

写在最后

有浏览器、会打字，就能搞定 git 工作流，玩转开源社区。快来体验 CNB 吧！点击获取更多示例