以开发一个网页小游戏为例,演示 Qoder 智能体模式从需求规划到多轮迭代的完整流程
Qoder 的智能体模式(Agent Mode)可以根据自然语言需求描述,自主完成项目规划、编码、运行与调优。本文以开发一个"技能五子棋"网页游戏为例,演示从零开始使用智能体模式的完整流程。
已安装并登录 Qoder IDE,详见接入客户端/开发工具。
首轮生成结果已覆盖大部分核心功能,但界面风格与技能内容仍需继续通过对话迭代。先将设计风格的具体描述发送给 Qoder:
再继续在对话中补充技能规则与素材替换指令:
编码完成后查看结果,界面风格与技能内容已按预期呈现:
查看运行结果后发现韧性值设计过低,无法支撑完整对局体验,继续让 Qoder 调整韧性值参数。编码完成后再次查看结果,韧性值已调整完毕:
前提条件
已安装并登录 Qoder IDE,详见接入客户端/开发工具。
步骤一:创建项目并描述需求
-
在本地创建空文件夹(如
wuziqi),在 Qoder IDE 中选择文件 > 打开文件夹,打开该文件夹。 -
打开智能会话(快捷键
Ctrl+L),选择智能体模式,输入项目需求:

- Qoder 会先规划项目任务,以文本形式输出对需求的理解,便于在编码前确认方向是否正确。

- 确认无误后,Qoder 会自主完成编码,并在完成后启动运行、输出项目总结。通常会自动打开生成的页面;若未自动打开,可进入项目目录手动打开
index.html。

步骤二:调整界面风格并替换技能素材
首轮生成结果已覆盖大部分核心功能,但界面风格与技能内容仍需继续通过对话迭代。先将设计风格的具体描述发送给 Qoder:
若需要使用本地图片作为素材,需提前将素材文件放入项目目录,并在指令中明确素材与目标元素的对应关系。

步骤三:微调数值
查看运行结果后发现韧性值设计过低,无法支撑完整对局体验,继续让 Qoder 调整韧性值参数。编码完成后再次查看结果,韧性值已调整完毕:

最佳实践
- 需求描述越具体(明确功能规则、数值参数、视觉参考),生成结果与预期的匹配度越高。
- 通过多轮对话逐步细化,每轮聚焦一个方面(风格、功能、数值),避免一次描述过多内容。
- Qoder 输出任务规划后,先确认理解是否正确再让其编码,可减少返工。
- 涉及素材替换时,明确素材文件与目标元素的对应关系。