点击上方蓝字加入我们
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
Skill 配合 CLI / 脚本 把操作方法写进 Skill，让 Agent 按说明调用 CLI 工具或脚本，访问业务系统、执行操作。 -
MCP 工具与 MCP Apps 将应用 API 封装成 MCP 工具，供 Agent 调用；需要交互界面时，再配合 MCP Apps。其他 Agent 也可以封装成工具，通过 MCP 接入。
-
浏览器自动化 旧系统暂时没有可用接口时，可以通过浏览器自动化访问页面、完成操作。例如，在 WorkBuddy 中使用 Agent Browser 技能。
Agent 时代，前端怎么变？（下）
-
你向 WorkBuddy 发起任务，例如：“帮我登记xx客户的跟进计划。” -
WorkBuddy 规划步骤，识别 CRM 工具描述中关联的 UI 资源，并通过连接器调用相应的 MCP 工具。 -
读取 UI 资源，在沙箱（ifram额）中加载 Widget，再把客户基本信息等工具结果交给界面渲染。 -
员工填写并确认。Widget 通过宿主的通信桥接（AppBridge）调用 MCP 工具，提交数据，并根据返回结果更新界面。 -
交互完成后，Workbuddy 可以结束任务或者推进后续步骤。
-
crmcustomerworkspace ：查询并关联工作台 UI
-
crmcreatefollowup：创建客户跟进计划
-
crmlistfollowups：查询跟进计划列表
const uri = 'ui://crm-demo/customer-workspace.html';
registerAppTool(server, 'crm_customer_workspace', {
inputSchema: { customerId },
_meta: { ui: { resourceUri: uri } }
}, async args => ({
content: [{ type: 'text', text: '客户工作台' }],
structuredContent: await workspace(args.customerId)
}));structuredContent 返回结构化的业务数据，由宿主传给 UI 渲染。_meta.ui.resourceUri 则声明与工具关联的 UI 资源，告诉支持 MCP Apps 的宿主（WorkBuddy）：调用这个工具时，可以加载对应的 UI 组件。
<h3 id="customer-name"></h3>
<form id="followup-form">
<input name="title"placeholder="跟进事项">
<input name="owner"placeholder="负责人">
<input name="dueDate"type="date">
<button>保存跟进计划草稿</button>
</form>uri 读取界面：
registerAppResource(server, '客户 UI', uri, {
mimeType: RESOURCE_MIME_TYPE
}, async () => ({
contents: [{
uri, mimeType: RESOURCE_MIME_TYPE,
text: html
}]
}));这里的 html 就是构建后的完整 HTML 内容；
RESOURCE_MIME_TYPE 的值为 text/html;profile=mcp-app，用于标识 MCP Apps 界面资源。注意 uri 必须与前面的工具注册中一致。
callServerTool 来完成：
import { App } from'@modelcontextprotocol/ext-apps';
const app = new App({ name: 'CRM', version: '1.0.0' }, {});
app.ontoolresult = result => consume(result);
await app.connect();
form.onsubmit = async event => {
event.preventDefault();
// 从当前表单组装 argumentsValue，过程省略
consume(await app.callServerTool({
name: 'crm_create_followup',
arguments: argumentsValue
}));
};
https://crm.example.com/mcp（可能需要完成认证）。
-
应用（比如已有 SaaS）的开放，以及对商业模式的影响 -
身份认证、工具授权与操作审核 -
长任务的进度管理、中断恢复、幂等与补偿等技术问题 -
连接器的统一分发、版本管理和执行追踪等
