扣子已将扣子编程平台封装为编程 Agent，提供了一个 AI 编程开发环境。你可以创建一个编程项目，然后在对话区描述应用需求，例如应用功能、页面风格、业务逻辑、用户流程等。编程 Agent 会根据你的描述分析需求，规划开发步骤，并生成应用所需的前端和后端代码。代码生成后，系统会自动构建并启动服务，你可以直接在预览区体验应用效果。
如果应用需要数据库、对象存储、用户登录、AI 生成、联网搜索等能力，编程 Agent 也可以根据需求添加扣子编程的内置集成，并引导你完成必要配置。

费用说明

开发、测试、线上使用应用时，以下操作将消耗你的扣子积分。

编程任务：与编程 Agent 的每轮对话。
内置集成：调用大语言模型、联网搜索、图像生成等内置集成服务。

开发应用

参考以下流程，通过编程 Agent 开发网页应用。

步骤一：创建编程项目

在扣子左侧导航栏中，单击 + >新建编程项目。
（可选）团队版或企业版需要选择项目所属的工作空间，然后单击确认。

在扣子 App 顶部，单击 + >新建编程项目。
（可选）团队版或企业版需要选择项目所属的工作空间，然后单击确认。

步骤二：需求澄清

输入你的需求。

在编程项目中，单击网页应用选项卡。

在文本框输入你的提示词。
你需要尽可能清晰且详细地描述应用的功能、界面设计、业务逻辑等方面的要求。例如，你可以输入以下提示：

创建一款能够根据用户输入的热点主题，自动检索并生成对应新闻信息卡片的网页应用。
1. 支持热点主题输入功能，用户可输入关键词或主题。
2. 具备新闻检索能力，能自动获取当天与主题相关的10条热点新闻。
3. 支持图片生成功能，为每条新闻生成1张比例为3:4的4K信息卡片，以图片形式概述新闻内容。
4. 提供图片管理功能，允许用户查看、整理生成的10张信息卡片，用于发布小红书"每日信息差"主题的新闻图片合集。

（可选）进阶配置：通过上传附件、选择协作模式、添加技能、选择编程模型，让编程 Agent 生成的结果更精准、更符合你的预期。
- 上传附件
  酌情上传一些图片或文件，作为附加信息提供给编程 Agent，以便编程 Agent 能更理解你的需求。例如上传一张你想参考的网站截图、想要的风格示例图片等，这些都能帮助编程 Agent 更精准地把握细节要求。
- 选择协作模式
  默认情况下为 Agent 模式，如果你对需求不确定，可以先切换到问答模式讨论方案，待方案确认后，再切换到Agent 模式，由编程 Agent 根据此前的讨论结论执行开发任务。更多信息，请参考如何选择协作模式？。
- 添加技能
  在执行编程任务时，编程 Agent 可以按需加载技能，从而具备相应的专业领域知识和能力。例如，前端设计技能可以有效指导模型如何排版、设计配色和动画效果、处理背景等等，能显著提升模型的 UI 生成能力，减少产物视觉效果的“AI 味”。更多信息，请参考在扣子编程中使用技能。
- 选择编程模型
  编程 Agent 已集成 GLM 4.7、GLM 5、Kimi K2.5 等主流的编程模型，用于开发应用。为了达到较好的开发效果，系统会自动为你选择适合当前场景的模型，你也可以根据模型的官方介绍自行选择。
单击运行图标，开始开发你的项目。
编程 Agent 会根据你输入的提示词来开始设计应用、创建项目，并自动为项目设置应用名称。

输入你的需求。

在编程项目中，单击网页应用选项卡。

在文本框输入你的提示词。
你需要尽可能清晰且详细地描述应用的功能、界面设计、业务逻辑等方面的要求。例如，你可以输入以下提示：

创建一款能够根据用户输入的热点主题，自动检索并生成对应新闻信息卡片的网页应用。
1. 支持热点主题输入功能，用户可输入关键词或主题。
2. 具备新闻检索能力，能自动获取当天与主题相关的10条热点新闻。
3. 支持图片生成功能，为每条新闻生成1张比例为3:4的4K信息卡片，以图片形式概述新闻内容。
4. 提供图片管理功能，允许用户查看、整理生成的10张信息卡片，用于发布小红书"每日信息差"主题的新闻图片合集。

（可选）进阶配置：通过上传附件、选择协作模式、添加技能、选择编程模型，让编程 Agent 生成的结果更精准、更符合你的预期。
- 上传附件和添加技能
  - 酌情上传一些图片或文件，作为附加信息提供给编程 Agent，以便编程 Agent 能更理解你的需求。例如上传一张你想参考的网站截图、想要的风格示例图片等，这些都能帮助编程 Agent 更精准地把握细节要求。
  - 在执行编程任务时，编程 Agent 可以按需加载技能，从而具备相应的专业领域知识和能力。例如，前端设计技能可以有效指导模型如何排版、设计配色和动画效果、处理背景等等，能显著提升模型的 UI 生成能力，减少产物视觉效果的“AI 味”。更多信息，请参考在扣子编程中使用技能。
- 选择协作模式
  默认情况下为 Agent 模式，如果你对需求不确定，可以先切换到问答模式讨论方案，待方案确认后，再切换到Agent 模式，由编程 Agent 根据此前的讨论结论执行开发任务。更多信息，请参考如何选择协作模式？。

选择编程模型
编程 Agent 已集成 GLM 4.7、GLM 5、Kimi K2.5 等主流的编程模型，用于开发应用。为了达到较好的开发效果，系统会自动为你选择适合当前场景的模型，你也可以根据模型的官方介绍自行选择。

单击运行图标，开始开发你的项目。
编程 Agent 会根据你输入的提示词来开始设计应用、创建项目，并自动为项目设置应用名称。

步骤三：开发应用

编程 Agent 收到你的需求之后，将立即启动需求分析，并规划开发流程和步骤，逐步生成应用的前后端代码。代码生成完毕后，自动构建并启动服务，以提供一个可视化的界面供你预览。
如果编程 Agent 判断你的应用需要数据库、存储、身份认证、AI 等能力，则会自动添加和配置对应的集成，为你的应用设计数据库表、配置存储系统，实现相关功能。更多信息，请参考集成服务概述。

步骤四：预览与测试

初步生成后端代码后，编程 Agent 会自动生成测试用例并完成一轮单元测试。测试通过后编程 Agent 会提供后端代码的预览，同时提醒你对后端开发部分进行验收。

你可以在右侧预览页面查看实际运行效果。网页应用预览界面如下：

你可以在页面中单击预览查看实际运行效果。网页应用预览界面如下：

在预览与测试的环节中，你可以通过以下操作测试编程 Agent 为你生成的应用。

操作	说明	示例
全面测试	在预览区全面测试你的应用，通常建议关注以下问题：功能是否可用：验证应用的核心链路是否完整可操作、数据的增删改查是否能成功执行。交互是否完善：检查页面元素是否完整显示、布局是否合理、样式是否符合设计要求、各个按钮是否都能正确触发。 AI 能力是否正常：如果你的应用集成了 AI 能力，例如文本生成、图片生成等，验证 AI 模型的输出是否符合预期。	网页端、桌面端移动端
修复故障	通常情况下，编程 Agent 会自动识别并提示你修复故障，你可以根据页面提示，单击一键修复，允许编程 Agent 尝试修复这些问题。如果你在体验应用的过程中触发页面报错，但编程 Agent 没有提示你修复，你也可以主动复制报错信息并粘贴到对话中，将其发送给编程 Agent，要求它修复故障。	网页端、桌面端移动端

操作

说明

示例

全面测试

在预览区全面测试你的应用，通常建议关注以下问题：