import{g as r}from"./chunks/runtime-globals.HgLeO6Lj.js";import{o as l,c as e,a4 as a,j as s,k as t}from"./chunks/framework.Cre9sSJa.js";const n="/__DOCS_BASE__/images/guide/ai-blueking-skill.png",d=["href"],k={key:1},h=JSON.parse('{"title":"Skill 指引：借助 Vibe Coding 快速接入 AI 小鲸","description":"","frontmatter":{},"headers":[],"relativePath":"guide/core-features/skill-guide.md","filePath":"guide/core-features/skill-guide.md"}'),g={name:"guide/core-features/skill-guide.md"},p=Object.assign(g,{setup(u){const o=r("BK_AIDEV_URL");return(_,i)=>(l(),e("div",null,[i[0]||(i[0]=a('<h1 id="skill-指引-借助-vibe-coding-快速接入-ai-小鲸" tabindex="-1">Skill 指引：借助 Vibe Coding 快速接入 AI 小鲸 <a class="header-anchor" href="#skill-指引-借助-vibe-coding-快速接入-ai-小鲸" aria-label="Permalink to &quot;Skill 指引：借助 Vibe Coding 快速接入 AI 小鲸&quot;">​</a></h1><p>除了阅读本文档站手动集成，你还可以通过 AIDev <strong>Skill 市场</strong> 获取 <code>ai-blueking-guide</code> Skill，在 AI IDE 中以 <strong>Vibe Coding</strong> 的方式完成 AI 小鲸组件的接入——让 AI 帮你写集成代码，<strong>Skill 的内容等同于本文档站</strong>。</p><h2 id="什么是-skill" tabindex="-1">什么是 Skill？ <a class="header-anchor" href="#什么是-skill" aria-label="Permalink to &quot;什么是 Skill？&quot;">​</a></h2><p>Skill 是 AIDev 平台提供的可复用知识包，包含特定领域的最佳实践、代码模板和指导说明。将 Skill 下载到 AI IDE 后，AI 助手便能基于 Skill 中的知识来理解你的需求，并生成高质量的集成代码。</p><p><code>ai-blueking-guide</code> Skill 内置了 AI 小鲸组件的完整开发指南，涵盖 ChatBot / AIBlueking 组件的使用方式、各集成模式的代码模板、API 参考以及常见场景的最佳实践。</p><h2 id="获取-skill" tabindex="-1">获取 Skill <a class="header-anchor" href="#获取-skill" aria-label="Permalink to &quot;获取 Skill&quot;">​</a></h2><h3 id="_1-前往-aidev-主站" tabindex="-1">1. 前往 AIDev 主站 <a class="header-anchor" href="#_1-前往-aidev-主站" aria-label="Permalink to &quot;1. 前往 AIDev 主站&quot;">​</a></h3>',7)),s("p",null,[t(o)?(l(),e("a",{key:0,href:t(o),target:"_blank"},"前往 AIDev 平台主站",8,d)):(l(),e("span",k,"请联系平台管理员获取 AIDev 主站地址。"))]),i[1]||(i[1]=a('<h3 id="_2-在-skill-市场搜索" tabindex="-1">2. 在 Skill 市场搜索 <a class="header-anchor" href="#_2-在-skill-市场搜索" aria-label="Permalink to &quot;2. 在 Skill 市场搜索&quot;">​</a></h3><p>进入 <strong>服务市场</strong> → <strong>Skill 市场</strong>，在右上角的搜索框中输入英文名 <code>ai-blueking-guide</code> 进行搜索，如图所示：</p><p><img src="'+n+'" alt="Skill 市场搜索 ai-blueking-guide"></p><ul><li><strong>① 英文名</strong>：在搜索框输入 <code>ai-blueking-guide</code> 搜索</li><li><strong>② 下载</strong>：找到「小鲸开发指南」Skill 后，点击 <strong>下载</strong> 按钮</li></ul><h3 id="_3-在-ai-ide-中使用" tabindex="-1">3. 在 AI IDE 中使用 <a class="header-anchor" href="#_3-在-ai-ide-中使用" aria-label="Permalink to &quot;3. 在 AI IDE 中使用&quot;">​</a></h3><p>下载 Skill 后，在支持 Skill 的 AI IDE 中即可使用。AI 助手将自动加载 Skill 中的知识，你只需用自然语言描述需求，例如：</p><blockquote><p>&quot;帮我在当前项目中接入 AI 小鲸浮窗组件，使用 Vue 3&quot;</p></blockquote><blockquote><p>&quot;我需要一个嵌入式的 ChatBot 聊天面板，支持快捷指令和会话管理&quot;</p></blockquote><blockquote><p>&quot;参考 ai-blueking-guide 给我生成一个完整的 AI 助手页面&quot;</p></blockquote><p>AI 助手会根据 Skill 中的指南，结合你的项目上下文，自动生成符合最佳实践的集成代码。</p><h2 id="vibe-coding-工作流" tabindex="-1">Vibe Coding 工作流 <a class="header-anchor" href="#vibe-coding-工作流" aria-label="Permalink to &quot;Vibe Coding 工作流&quot;">​</a></h2><p>借助 Skill 的 Vibe Coding 工作流如下：</p><ol><li><strong>描述需求</strong> — 用自然语言告诉 AI 你想要的集成效果</li><li><strong>AI 生成代码</strong> — AI 根据 Skill 知识生成组件代码、样式引入、配置等</li><li><strong>预览与调整</strong> — 在本地运行查看效果，继续与 AI 对话微调</li><li><strong>完成集成</strong> — 确认效果后提交代码，完成接入</li></ol><div class="tip custom-block"><p class="custom-block-title">推荐搭配</p><p>建议先浏览本文档的 <a href="__DOCS_BASE__/guide/quick-start.html">快速开始</a> 了解基本概念，再结合 Skill 进行 Vibe Coding，效果更佳。</p></div>',14))]))}});export{h as __pageData,p as default};
