https://blog.csdn.net/weixin_45724433/article/details/160372093
https://devpress.csdn.net/xclaw/6a04a3b50a2f6a37c5a9dd8a.html


Ai工具：https://sofindai.com/categories

skill市场：https://agentskill.sh/?utm_source=sofindai.com

Skill（技能）‌ 是 AI 工具中可复用、标准化的操作流程，能显著减少重复沟通，提升效率。以下是基于最新公开资料整理的 ‌小白上手指南‌，适用于如 Claude Code、OpenClaw、WorkBuddy 等主流平台。

一、什么是 Skill？

• ‌本质‌：一个封装了操作步骤、触发条件和输出规范的“AI工作说明书”。
• ‌核心文件‌：SKILL.md，包含元数据（name、description）和执行指令。
• ‌优势‌：
  • 一次配置，多次复用；
  • 避免每次从头描述需求；
  • 支持自动化、定时执行（如日报、周报）‌‌。

二、小白如何快速上手？

✅ 第一步：先使用内置或现成 Skill

• ‌查看可用 Skill‌：在 AI 工具界面（如 Claude Code、WorkBuddy）中点击 ‌“Skill” 或 “插件”‌ 区域，查看预置技能列表 ‌‌。
• ‌推荐安装（以 WorkBuddy 为例）‌：
  • ‌Agent Browser‌：处理动态网页内容 ‌‌。
  • ‌PDF/DOCX/PPTX/XLSX 处理套件‌：直接上传文件，无需转换格式 ‌‌。
  • ‌Skill Scanner‌：安装前自动检测风险，新手必备 ‌‌。

💡 操作路径：聊天框 → 点击 ‌【技能】‌ → 搜索并安装所需 Skill ‌‌。

✅ 第二步：尝试简单触发指令

• 安装后，‌直接上传文件或输入自然语言指令‌，无需代码。
  • 例如：“请把这段音频转成文字，并生成会议纪要”（配合讯飞听见 Skill）‌‌。
  • 或：“整理这份周报，按已完成、计划中、待协调三部分输出”（若已安装周报生成 Skill）‌‌。

✅ 第三步：了解基本结构（可选，用于进阶）

若想自己创建 Skill，掌握最小结构即可：

---  
name: my-first-skill  
description: 当用户说“帮我做X”时触发  
---  
## 任务目标  
- 执行步骤1  
- 执行步骤2  

## 输出格式  
- 必须包含：[关键内容]  

• 文件夹名需用 ‌kebab-case‌（如 my-skill），不能带空格或下划线 ‌‌。

三、实用建议

• ‌从“高频重复任务”入手‌：如写周报、整理会议纪要、处理发票等，一周做3次以上就值得封装成 Skill ‌‌。
• ‌优先使用官方或可信来源 Skill‌：避免安装来源不明的脚本，防止安全风险 ‌‌。
• ‌开启“计划模式”‌：在 Claude Code 中，开启后 AI 会先拆解任务、确认方向再执行，适合新手 ‌‌。

四、资源推荐

• WorkBuddy Skill 使用手册（100页）：含操作截图与可复制指令 ‌‌。
• OpenClaw 本地部署教程（适合个人小白）：支持 Windows/Mac，含自动纠错功能 ‌‌。
• Codex 保姆级教程（含 Skill 区介绍）：2026年5月发布，最新实操指南 ‌‌。

⚠️ 注意：不同平台 Skill 不完全通用，但核心逻辑一致——‌“告诉 AI 什么时候用、怎么用”‌。先用现成的，再逐步自定义。

市场上直接针对 Vue2 升级 Vue3 的专用技能不多，但有3 个核心技能 + 1 个迁移工具完全覆盖你的需求，我直接给你精准命令 + 功能说明，一键安装。

一、Vue2 → Vue3 专用技能（agentskill.sh 官方）

1. vue-migration（最核心：Vue2 迁移 Vue3 专家）

功能：自动识别 Vue2 代码、指导 Options API → Composition API、替换废弃 API、迁移 Vuex → Pinia、路由升级、工程化改造（Vue CLI → Vite）。

npx @agentskill.sh/cli@latest add vue-migration

2. vue-expert（Vue3 全栈专家，含迁移指南）

功能：Vue3 语法、<script setup>、组合式 API、最佳实践，内置 Vue2 迁移兼容方案。

npx @agentskill.sh/cli@latest add vue-expert

3. code-review（迁移代码质量检查）

功能：检查迁移后代码规范、潜在 bug、响应式问题、语法错误、性能优化。

npx @agentskill.sh/cli@latest add code-review

---

二、一键批量安装（推荐）

# 迁移核心三件套（必装）
npx @agentskill.sh/cli@latest add vue-migration vue-expert code-review

# 配套加分（可选）
npx @agentskill.sh/cli@latest add typescript-master pinia vue-router vite

---

三、技能作用详解（迁移全流程）

1. vue-migration（核心迁移）

• API 替换：Vue.set → 直接赋值、beforeDestroy → beforeUnmount、$on/$off 移除
• 组件迁移：Options API → <script setup> + Composition API 自动转换
• 状态迁移：Vuex → Pinia 模块化改造
• 路由升级：Vue Router 3 → 4（导航守卫、动态路由）
• 构建迁移：Vue CLI → Vite 配置、依赖替换
• 兼容方案：@vue/compat 双版本共存、渐进式迁移

2. vue-expert（Vue3 规范）

• 新语法规范：<script setup>、defineProps/defineEmits、ref/reactive
• 性能优化：响应式避免冗余、计算属性缓存、懒加载
• 组件设计：Fragment 多根节点、Teleport、Suspense
• TypeScript 集成：类型声明、泛型、接口定义

3. code-review（迁移校验）

• 检查响应式失效、this 指向错误、生命周期异常
• 验证组件通信、事件绑定、v-model 变更
• 排查第三方库（Element UI → Plus、Vant 2 → 4）兼容性

---

四、额外：AI 自动迁移工具（非 skill，但必用）

vue-ai-migrator（GitHub 开源，AST 级自动转换）

# 全局安装
npm install -g vue-ai-migrator

# 一键转换 Vue2 → Vue3
vue-ai-migrator migrate ./src --script-setup --pinia --typescript

• 自动把 Options API 转 <script setup>
• Vuex → Pinia、Router 3 → 4
• 批量处理、支持回滚、dry-run 预览

---

五、安装后使用方法

1. 在 Cursor/Trae 打开 Vue2 组件
2. 输入提示词：

   plaintext

   把这个 Vue2 Options API 组件迁移到 Vue3 <script setup> + Composition API，替换所有废弃 API，迁移到 Pinia，兼容 TypeScript
   

3. AI 自动生成迁移后代码、标注修改点、给出优化建议

---

六、完整迁移技能清单（复制即装）

# 核心迁移
npx @agentskill.sh/cli@latest add vue-migration
npx @agentskill.sh/cli@latest add vue-expert
npx @agentskill.sh/cli@latest add code-review

# 配套技术栈
npx @agentskill.sh/cli@latest add typescript-master
npx @agentskill.sh/cli@latest add pinia
npx @agentskill.sh/cli@latest add vue-router
npx @agentskill.sh/cli@latest add vite