Skill 提供了 Web vue3 无 UI （State API）集成方案，您如果需要标准的 Vue3 State 集成流程，可选用 Skill。安装后可以从零集成 vue3 无 UI 聊天功能。
核心能力
核心能力 | 说明 |
聊天链路完整闭环 | 登录鉴权 + UI 渲染 + 状态管理。 |
业务定制 | 在对话中直接提出“我要订单卡片”、“我要优惠券卡片”，Skill 会自动识别并将其集成到您的聊天中（支持自定义卡片注入）。 |
风格对齐 | 对于已有项目，Skill 能够读取您的当前代码上下文，按既有编码风格进行增量集成。 |
安装 Skill
在您项目的根目录执行下面的命令进行安装：
npx @tencent-rtc/trtc-agent-skills@latest add --ide codebuddy
npx @tencent-rtc/trtc-agent-skills@latest add --ide cursor
npx @tencent-rtc/trtc-agent-skills@latest add --ide codex
npx @tencent-rtc/trtc-agent-skills@latest add --ide claude
快速开始
安装后直接在 IDE 对话框输入需求即可，例如：
1. 集成完成聊天功能
我想用 chat 实现一个类似企业微信的沟通工具，用户可以发文本消息/图片消息/视频消息。
2. 只集成聊天窗口
我想用 chat 实现一个在线商城的客服功能，需要能发文本消息/图片消息，用户点击页面右下角客服按钮后弹出聊天窗口。
如何获得最佳集成效果
建议使用以下模式触发 Skill：
从 0 开发：帮我集成 IM，实现一个[场景，如在线客服]，要求包含[功能点1, 功能点2]。
业务卡片注入：帮我集成 IM，在聊天窗口中添加一个[商品订单]卡片组件，支持点击跳转。
风格化增量：在现有聊天窗口的基础上，帮我增加一个[自定义快捷回复]功能，风格需与当前代码保持一致。
