skills
帮助AI代理精准调用VueUse工具库的插件
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：skills。 它的用途是：帮助AI代理精准调用VueUse工具库的插件 完整的 Skill 内容见：https://321skill.com/skills/skills-vueuse/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“创建一个待办事项应用，需要将待办项保存到本地存储，并在浏览器标题显示未完成数量，同时为每个事项添加复制按钮，并支持无限滚动和深色/浅色模式切换。” AI会利用此Skill，自动精准地调用`useLocalStorage`、`useTitle`、`useClipboard`、`useInfiniteScroll`和`useColorMode`等VueUse函数，生成高质量的实现代码。
介绍
VueUse Skills是一个专为AI代理设计的插件，旨在解决AI在开发Vue/Nuxt应用时，调用VueUse工具库不准确、效率低下的问题。它通过渐进式信息提供机制，先发送函数概览，再按需加载详细用法和类型声明，大幅减少了AI生成代码时的幻觉和错误。
使用时，开发者只需在项目中安装VueUse，并通过简单的命令（如npx skills add vueuse/skills）将该Skill添加到AI代理中。之后，当AI在处理涉及状态管理、浏览器API交互、UI功能等任务时，会自动、精准地调用VueUse中的相应组合式函数，如useLocalStorage、useTitle、useClipboard等。
该Skill非常适合使用Claude、Cursor等AI编码助手进行Vue 3或Nuxt项目开发的工程师。它能显著提升AI在实现具体功能（如持久化存储、主题切换、无限滚动）时的代码准确性和开发效率。
与普通的VueUse文档或通用的代码补全工具相比，VueUse Skills的核心区别在于其专为AI优化。它采用离线优先设计，无需网络或额外权限；通过最小化令牌使用策略，只提供必要信息，降低了AI的上下文负担；并且允许用户通过提示词或配置文件自定义函数调用规则，实现了精准控制。
核心特点
专为AI代理优化，采用渐进式信息揭露和最小令牌消耗策略，能显著减少AI调用VueUse时的幻觉和错误；提供离线优先和可自定义的策略，让AI在无网络或特定约束下也能精准工作。
注意事项
该Skill主要服务于Vue/Nuxt技术栈的开发场景，对于使用其他前端框架（如React、Svelte）或非前端开发任务并不适用。
常见问题
VueUse Skills和直接让AI看VueUse文档有什么区别？
它通过结构化、按需提供信息的方式，极大减少了AI处理文档的令牌消耗和出错概率，响应更精准。
这个Skill需要联网才能用吗？
不需要，它采用离线优先设计，无需互联网连接或额外的代理权限即可工作。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/skills-vueuse/raw/index.md 读取 skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/skills-vueuse/raw/index.md（查看排版版本）