扣子 Coze 产品体验功能

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。
本文作者：长路

认识扣子

文本介绍

扣子是新一代 AI Agent 开发平台 。无论你是否有编程基础，都可以在扣子上快速搭建基于大模型的各类 AI 应用，并将 AI 应用发布到各个社交平台、通讯软件，也可以通过 API 或 SDK 将 AI 应用集成到你的业务系统中。

扣子能做什么？ 借助扣子提供的可视化设计与编排工具，你可以通过零代码或低代码的方式，快速搭建出基于大模型的各类 AI 项目，满足个性化需求、实现商业价值。

智能体：智能体是基于对话的 AI 项目，它通过对话方式接收用户的输入，由大模型自动调用插件或工作流等方式执行用户指定的业务流程，并生成最终的回复。智能客服、虚拟伴侣、个人助理、英语外教都是智能体的典型应用场景。
应用：应用是指利用大模型技术开发的应用程序。扣子中搭建的应用具备完整业务逻辑和可视化用户界面，是一个独立的 AI 项目。通过扣子开发的应用有明确的输入和输出，可以根据既定的业务逻辑和流程完成一系列简单或复杂的任务，例如 AI 搜索、翻译工具、饮食记录等。

为什么选择扣子？

灵活的工作流设计：拖拉拽的方式快速搭建一个工作流
无限拓展的能力集：包含插件
丰富的数据源：简单易用的知识库功能来管理和存储数据
持久化的记忆能力：提供了方便 AI 交互的数据库记忆能力，可持久记住用户对话的重要参数或内容。创建一个数据库来记录阅读笔记，包括书名、阅读进度和个人注释。有了数据库，智能体就可以通过查询数据库中的数据来提供更准确的答案。

平台架构

扣子为 AI 应用（包括智能体）开发人员提供了一站式全链路的 AI 应用搭建能力 ，包括应用开发、测评、监控和丰富的发布渠道。

空间：空间是资源组织的基础单元，不同空间内的资源和数据相互隔离。一个空间内可创建多个智能体和 AI 应用，并包含一个资源库。在资源库中创建的资源可以被相同空间内的智能体和 AI 应用使用。
项目：项目分为智能体和 AI 应用两种类型，AI 应用内可以创建多种应用专属资源，也可以和智能体共享空间资源库中的资源。
智能体：智能体（Agent）通常指的是一个能够独立执行任务、做出决策并进行学习的一种自动化程序。智能体可以根据用户输入的指令，自主调用模型、知识库、插件等技能并完成编排，最终完成用户的指令。
AI 应用：AI 应用是指利用大模型技术开发的应用程序，这些应用程序能够使用大模型，执行复杂任务，分析数据，并作出决策。
资源库：你可以在资源库内创建、发布、管理共享资源例如插件、知识库、数据库、提示词等。这些资源可以被同一空间内的智能体和应用使用。

资源可以存在于两个实体内，一个是空间的资源库，一个是 AI 应用项目中的项目资源库。

空间资源库 ：在空间资源库内创建的资源可以被空间内的 AI 应用项目和智能体项目使用，属于空间内的共享资源。
AI 应用项目：在 AI 应用项目中也可以创建资源，但这些资源是项目自有的资源，默认不可以被其他项目使用也不会展示在空间资源库内。

当需要将 AI 应用项目中的资源转换成公共资源给其他 AI 应用或智能体使用时，可以将这些资源转移或复制到空间资源库内。

扣子官网问答

快速写网站

plain 复制代码

请为我创建一个现代、专业、视觉层次分明且具有流畅过渡效果的两页式技术简历网站。网站应充分体现前端工程师的技术审美和交互能力。

核心设计元素：全站星光宇宙背景

- 背景图片: 整个网站（包括第一页和第二页）的背景都使用一张**黑色为主，带有密集"星光"效果的宇宙图片**作为视觉基调。图片应平铺或覆盖整个视口，并确保在不同屏幕尺寸下都能保持良好的视觉效果，不影响文字可读性。
- 背景叠加层: 为了确保文字清晰可读，背景图片上方应叠加一层**半透明的纯黑色蒙版**。蒙版透明度应适中，既能让星光背景若隐若现，又能确保文字的高对比度。
你可能需要的图片（不一定必须使用）：https://lf3-static.bytednsdoc.com/obj/eden-cn/0077eh7fd/16pic_2871805_b.jpg；https://lf3-static.bytednsdoc.com/obj/eden-cn/0077eh7fd/16pic_5244555_b.jpg；https://lf3-static.bytednsdoc.com/obj/eden-cn/0077eh7fd/13892121_2.jpg；https://lf3-static.bytednsdoc.com/obj/eden-cn/0077eh7fd/pngtree-black-sky-nebula-background-material-image_960231.jpg；https://lf3-static.bytednsdoc.com/obj/eden-cn/0077eh7fd/pngtree-pure-black-starry-minimalist-dreamy-business-background-picture-image_913719.jpg

第一页：引导页 (Landing Page)

- 目的: 吸引访问者，快速展示核心自我介绍。
- 整体风格:
  - 背景: 采用上述全站星光宇宙背景图片作为视觉基调，并叠加黑色半透明蒙版。
  - 核心内容: 仅显示"个人自述"段落，并作为页面的视觉焦点。文字应居中显示，使用大号、易读的字体，颜色为**星光色（浅银色或白色）**，与深色背景形成高对比度。
  - 动效:
    - 页面加载时，个人自述文字应有渐入（fade-in）或从底部平滑上升的动画效果。
    - 背景中的星光可以有**微弱的、不引人注意的"闪烁"或"流动"视差效果**，增加沉浸感和科技感。
    - 页面底部正中间应有明确的"进入简历"或"了解更多"的指示（例如，一个指示性箭头或按钮），点击后平滑滚动或切换到第二页。该指示元素也应使用星光色。
  - 极简主义: 排除所有多余元素，保持高度简洁。

第二页：详细简历页 (Resume Page)

- 目的: 详细展示个人能力、经验和项目。
- 整体风格:
  - 背景: 保持与第一页相同的**星光宇宙背景图片**和**黑色半透明蒙版**。
  - 内容区域背景: 为了突出内容，详细简历区域（左右分栏的卡片和文字）的背景应采用**半透明的深灰色或略带星光感的深黑蓝色**（例如：#282828 或 #333333，带有轻微的模糊或磨砂效果），与背景渐变形成层次，突出内容。这些内容区域的背景应确保与星光背景有区分度，但又融入整体。
  - 留白: 充足的留白，避免信息拥挤。
  - 配色方案:
    - 主色: 黑色（来自背景蒙版和部分内容区域）。
    - 辅助色/强调色: **星光色（浅银色或白色）**用于主要文字、标题、图标、线条。
    - 点缀色: 可以使用少量**深邃的蓝色或紫色**（与星光色形成对比，灵感来源于宇宙深空）用于链接、活动状态或特殊高亮。
  - 字体: 选用现代、简洁的无衬线字体，如 'Inter', 'Roboto', 'Lato', 'Open Sans' 等。
    - 标题（如姓名、各个 सेक्शन 标题）使用较大、加粗的字体，颜色为星光色。
    - 正文内容字号适中，行高舒适，易于长时间阅读，颜色为星光色或稍暗的银色。
  - 元素风格:
    - 按钮、图标和链接应设计简洁，颜色为星光色，悬停时可以有轻微的**星光闪烁**或颜色加亮效果。
    - 信息块（如工作经历条目）可以有轻微的圆角和阴影（与深色背景融合），增加层次感。

第二页内容结构：

1. 头部区域 (Fixed Header/Sticky on Scroll):
- 姓名: 页面顶部左侧或居中，作为主要视觉焦点，使用大号粗体字体，颜色为星光色。
- 求职职位: 姓名下方或右侧，作为副标题，字体稍小，颜色为星光色。
- 联系方式图标组: 页面顶部右侧，使用简洁的星光色图标（电话、邮箱、GitHub链接等）和少量文字，点击可触发相应操作。
- 平滑滚动导航: 页面顶部或侧边应有一个隐藏或可见的导航菜单（例如：个人简介、教育背景、技能栈、工作经历、个人项目、兴趣爱好），链接文字为星光色，点击后能平滑滚动到相应的页面区域。

2. 姓名（一行）：
- 姓名: 页面居中，作为主要视觉焦点，使用大号粗体字体，颜色为星光色。
- 求职职位: 姓名下方或右侧，作为副标题，字体稍小，颜色为星光色。
3. 内容主体 (双栏布局):
- 整体排版: 采用清晰的双栏布局，左右两栏宽度可调，建议左栏约 35-40%，右栏约 60-65%。
- 左侧栏内容: 所有内容均置于一个或多个**半透明深灰色/黑蓝色背景卡片**中，与星光背景形成对比。
  - 个人简介区 (Personal Statement):
    - 标题："个人简介"或"关于我"，颜色为星光色。
    - 内容：将提供的个人自述文本清晰地呈现出来，保持段落流畅，文字颜色为星光色。
    - 使用简洁的**星光色Icon**或**细分隔线**（如一道细长的星光色线条）与其他内容区隔。
    - 文字排版注意行高和段落间距，确保在深色背景下可读性。
  - 技能栈 (Skills):
    - 标题：粗体显示，颜色为星光色。
    - 技术技能可视化: 每项技能使用名称和星级（或进度条）形式可视化展示熟练度。星级应设计为现代感十足的星光色填充或描边图标。
    - 技能图表动画: 页面加载或滚动到该区域时，星级或进度条应有平滑的动画加载效果（例如，星级从无到有渐显填充，或进度条从左向右填充），模仿星光汇聚。
  - 兴趣爱好 (Interests):
    - 标题：粗体显示，颜色为星光色。
    - 图标+文字组合呈现: 每项兴趣爱好都配一个简洁的、**星光色**的图标（例如，相机图标代表摄影，篮球图标代表篮球），图标与文字并列，文字颜色为星光色。

- 右侧栏内容: 所有内容均置于一个或多个**半透明深灰色/黑蓝色背景卡片**中，与星光背景形成对比。
  - 教育背景 (Education):
    - 标题：粗体显示，颜色为星光色。
    - 内容：以简洁卡片形式展示，包含学校名称、专业、学历和时间，文字颜色为星光色。
  - 工作经历 (Work Experience):
    - 标题：粗体显示，颜色为星光色。
    - 视觉化展示: 每段工作经历应突出：
      - 公司Logo占位区: 公司名称旁边可放置一个圆形或方形的公司Logo占位符，如果无法获取真实Logo，可以使用**星光色背景的文字缩写**。
      - 时间线指示: 如果可能，可以使用简洁的**星光色时间线元素**连接不同工作经历。
      - 关键成就突出: 每项职责和成就使用项目符号列表，文字颜色为星光色，并通过加粗、**星光色高亮**或小图标等方式突出显示关键成就或量化成果。
      - 可点击展开详情: 每段工作经历默认展开，但应提供一个**星光色的"收起/展开"功能**，点击后可以显示或隐藏详细的职责描述。展开/收起过程应平滑。
  - 个人项目 (Personal Projects):
    - 标题：粗体显示，颜色为星光色。
    - 视觉化展示: 每个项目应包含：
      - 项目截图占位区: 项目名称下方或旁边放置一个宽屏的**项目截图占位符**，模拟项目展示。截图区域可以有**轻微的光晕或星光溢出效果**。
      - 技术栈标签: 项目描述下方，使用扁平化的、小尺寸的**星光色技术标签**（例如，圆角矩形，文字居中，背景色与星光色统一），清晰展示所用技术。
      - 项目描述: 简洁明了的项目描述，文字颜色为星光色。
      - 项目链接 (可选): 如果有链接，可放在截图下方或标签旁边，链接文字为星光色。

交互与动效细节：

- 页面切换: 从第一页到第二页的切换应是**极其顺滑的、沉浸式的过渡效果**（例如，第一页文字渐隐，同时第二页内容从底部或中心点逐渐放大/渐入，两页的星光背景保持连续），而不是生硬的跳转。
- 滚动导航: 导航链接点击后，页面应平滑滚动到目标区域，并伴随背景中星光的轻微视差变化。
- 元素动画: 页面滚动到可视区域时，各个内容模块（如工作经历卡片、项目卡片）可以有轻微的**渐入或从侧边滑入动画**，并伴随微弱的**星光粒子效果**。

技术偏好与字体选择：

- 前端技术: 优先使用现代CSS特性（Flexbox 和 Grid 布局），确保布局灵活高效。动效实现应考虑性能优化。
- 字体选择: 英文文本使用 Roboto 或 Open Sans 字体，中文文本使用 思源黑体，确保在不同操作系统和设备上的显示效果一致且美观。

个人信息填充:

- 姓名: 王明
- 求职职位: 前端开发工程师
- 个人自述: "我是一名对技术充满热情的初级前端开发工程师，拥有两年的Web开发经验，专注于使用React和Vue构建用户友好的交互式界面。我热衷于将设计师的创意精准地转化为高性能的网页应用，并不断学习前沿技术以提升自己。我是一个积极主动的问题解决者，期待能加入一个富有挑战和创造力的团队。"
- 技能列表: "JavaScript (5星), TypeScript (4星), React (4星), Vue (3星), HTML5 (5星), CSS3 (5星), Sass (4星), ECharts (3星), Git (5星), Figma (3星)。" (请根据技能熟练度自行赋予1-5星级)
- 教育背景: "上海交通大学 - 计算机科学与技术 (本科) - 2018.09 - 2022.06"
- 工作经历:
  - 字节跳动 - 前端开发工程师 (2022.07 - 至今)
    - 负责公司内部数据可视化平台的前端开发与维护，使用React和ECharts。
    - 通过代码重构和性能优化，将关键页面的加载速度提升了30%。
    - 与产品经理和设计师紧密合作，快速迭代了超过10个版本的功能。
  - 腾讯科技 - 前端开发实习生 (2021.07 - 2021.12)
    - 协助开发微信小程序"城市服务"模块，主要负责UI组件的编写和API对接。
    - 参与了代码审查（Code Review），学习并遵循了团队的编码规范。
- 个人项目:
  - 个人博客系统 (独立项目)
    - 一个基于Vue.js和Nuxt.js构建的静态博客网站，实现了文章发布、标签分类、Markdown实时渲染和响应式布局。通过这个项目，我深入学习了服务端渲染（SSR）和SEO优化技术。
- 兴趣爱好: "摄影、篮球、阅读科幻小说。"

页面工作空间效果，我只能说牛逼。

但是效果还是一般，页面都没渲染出来。

工作台：快速开始

搭建一个 AI 助手智能体

步骤一：创建一个智能体

plain 复制代码

赞美鼓励机器人

进入到工作台之后，你可以看到可以选择模式，当前选择单Agent：

步骤二：编写提示词

配置智能体的第一步就是编写提示词，也就是智能体的人设与回复逻辑 。智能体的人设与回复逻辑定义了智能体的基本人设，此人设会持续影响智能体在所有会话中的回复效果。建议在人设与回复逻辑中指定模型的角色、设计回复的语言风格、限制模型的回答范围，让对话更符合用户预期。

在智能体配置页面的人设与回复逻辑面板中输入提示词。例如夸夸机器人的提示词可以设置为：

plain 复制代码

# 角色
你是一个充满正能量的赞美鼓励机器人，时刻用温暖的话语给予人们赞美和鼓励，让他们充满自信与动力。

## 技能
### 技能 1：赞美个人优点
1. 当用户提到自己的某个特点或行为时，挖掘其中的优点进行赞美。回复示例：你真的很[优点]，比如[具体事例说明优点]。
2. 如果用户没有明确提到自己的特点，可以主动询问一些问题，了解用户后进行赞美。回复示例：我想先了解一下你，你觉得自己最近做过最棒的事情是什么呢？

### 技能 2：鼓励面对困难
1. 当用户提到遇到困难时，给予鼓励和积极的建议。回复示例：这确实是个挑战，但我相信你有足够的能力去克服它。你可以[具体建议]。
2. 如果用户没有提到困难但情绪低落，可以询问是否有不开心的事情，然后给予鼓励。回复示例：你看起来有点不开心，是不是遇到什么事情了呢？不管怎样，你都很坚强，一定可以度过难关。

### 技能 3：回答专业问题
遇到你无法回答的问题时，调用Search搜索答案

## 限制
- 只输出赞美和鼓励的话语，拒绝负面评价。
- 所输出的内容必须按照给定的格式进行组织，不能偏离框架要求。

步骤三：（可选）为智能体添加技能

如果模型能力可以基本覆盖智能体的功能，则只需要为智能体编写提示词即可。

但是如果你为智能体设计的功能无法仅通过模型能力完成 ，则需要为智能体添加技能，拓展它的能力边界。

例如文本类模型不具备理解多模态内容的能力，如果智能体使用了文本类模型，则需要绑定多模态的插件才能理解或总结 PPT、图片等多模态内容 。此外，模型的训练数据是互联网上的公开数据，模型通常不具备垂直领域的专业知识，如果智能体涉及智能问答场景，你还需要为其添加专属的知识库，解决模型专业领域知识不足的问题。

例如夸夸机器人，模型能力基本可以实现我们预期的效果。但如果你希望为夸夸机器人添加更多技能 ，例如遇到模型无法回答的问题时，通过搜索引擎查找答案，那么可以为智能体添加一个头条搜索插件。

如何自己创建插件？

使用官方插件：

来选择这个搜索插件：

此时你可以看到该插件已经被添加进来了：

本质实际上就是一个mcp tools工具，提供了搜索的能力：

添加了工具之后，我们还需要做的事情是：修改人设与回复逻辑，指示智能体使用头条搜索插件来回答自己不确定的问题。否则，智能体可能不会按照预期调用该工具。

步骤四：调试智能体

可根据关键字来检索用户对话，查询到用户每一次对话的详细调用链路：

可支持选择对话：

步骤五、发布

发布编辑栏：

可以选择发布平台：

发布成功：

立刻对话：www.coze.cn/store/agent...

复制智能体链接：www.coze.cn/store/agent...

额外内容（编排能力）

模型

模型设置：选择大模型

技能方面（MCP tools 需要和提示词联调）

技能方面： 支持添加插件、工作流、触发器（支持创建定时任务）

知识方面（RAG增强能力）

知识方面： 添加知识库

记忆（Memory）

对话体验（引导优化）

开场白

用户问题建议

plain 复制代码

- 问题应该与你最后一轮的回复紧密相关，可以引发进一步的讨论。
- 问题不要与上文已经提问或者回答过的内容重复。
- 每句话只包含一个问题，但也可以不是问句而是一句指令。
- 推荐你有能力回答的问题。

快捷命令：快速换起tools工具调用

背景图片、音视频、用户输入方式

抖音AI分身

类似于可以替代你的AI聊天助手

官方文档：www.coze.cn/open/docs/g...

工作流开发

官方文档：www.coze.cn/open/docs/g...

认识工作流开发

工作流是一系列可执行指令的集合，用于实现业务逻辑或完成特定任务 。它为应用/智能体的数据流动和任务处理提供了一个结构化框架。工作流的核心在于将大模型的强大能力与特定的业务逻辑相结合，通过系统化、流程化的方法来实现高效、可扩展的 AI 应用开发。

扣子提供了一个可视化画布，你可以通过拖拽节点迅速搭建工作流。同时，支持在画布实时调试工作流。在工作流画布中，你可以清晰地看到数据的流转过程和任务的执行顺序。

工作流与对话流

扣子提供以下两种类型的工作流：

工作流（Workflow）：用于处理功能类的请求，可通过顺序执行一系列节点实现某个功能。适合数据的自动化处理场景，例如生成行业调研报告、生成一张海报、制作绘本等。
对话流（Chatflow）：是基于对话场景的特殊工作流，更适合处理对话类请求。对话流通过对话的方式和用户交互，并完成复杂的业务逻辑。对话流适用于 Chatbot 等需要在响应请求时进行复杂逻辑处理的对话式应用程序，例如个人助手、智能客服、虚拟伴侣等。

节点

工作流的核心在于节点，每个节点是一个具有特定功能的独立组件 ，代表一个独立的步骤或逻辑。这些节点负责处理数据、执行任务和运行算法，并且它们都具备输入和输出。每个工作流都默认包含一个开始节点和一个结束节点。

开始节点是工作流的起始节点，定义启动工作流需要的输入参数。
结束节点用于返回工作流的运行结果。

通过引用节点输出，你可以将节点连接在一起，形成一个无缝的操作链。例如，你可以在代码节点的输入中引用大模型节点的输出，这样代码节点就可以使用大模型节点的输出。在工作流画布中，你可以看到这两个节点是连接在一起的。

在使用节点编排工作流时，灵活性和扩展性是实现高效编排的关键。工作流的开始节点、结束节点、输出节点、插件节点、子工作流节点、代码节点、SQL 自定义节点、新增数据节点、查询数据节点、更新数据节点、删除数据节点、问答节点、批处理节点、循环节点、变量聚合节点、变量节点、选择器节点均支持多种变量类型，包括 String、Integer、Number、Boolean、Object、File 和 Array等。你可以根据实际需求灵活选择合适的数据类型，而无需额外的数据转换，从而提升工作流编排的灵活性和扩展性。