Avoid common Vue mistakes — reactivity traps, ref vs reactive, computed timing, and Composition API pitfalls.
数据来源：ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一：命令行安装（推荐）
推荐（无需提前安装 clawhub）
npx clawhub@latest --dir ~/.claude/skills install vue或使用 clawhub CLI（需提前安装）
clawhub --dir ~/.claude/skills install vue⚠️ 需要 Node.js 18+，没有 Node？请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二：手动下载安装（无需 Node）
下载 ZIP，解压后将文件夹放到以下路径，重启 Agent 即可：
安装路径
~/.claude/skills/vue/💡解压后将文件夹放到上方路径，重启 Agent 即可生效
--- name: Vue slug: vue version: 1.0.1 description: Build Vue 3 applications with Composition API, proper reactivity patterns, and production-ready components. metadata: {"clawdbot":{"emoji":"💚","requires":{"bins":["node"]},"os":["linux","darwin","win32"]}} ---
User needs Vue expertise — from Composition API patterns to production optimization. Agent handles reactivity, component design, state management, and performance.
| Topic | File | |-------|------| | Reactivity patterns | reactivity.md | | Component patterns | components.md | | Composables design | composables.md | | Performance optimization | performance.md |
Automate my developer & devops tasks using Vue
Identifies repetitive steps in your workflow and sets up Vue to handle them automatically