首页 › 龙虾技能列表 › Vue Expert — Vue 3 专家指南

Vue Expert — Vue 3 专家指南

v0.1.0

专为构建 Vue 3 应用（使用 Composition API、Nuxt 3 或 Quasar）提供指导。涵盖 Pinia、TypeScript、PWA、Capacitor 移动应用、Vite 配置等方面的专业支持。

5· 3,031·20 当前·21 累计
by @veeramanikandanr48 (Veera)·MIT-0
下载技能包
License
MIT-0
最后更新
2026/2/26
安全扫描
VirusTotal
无害
查看报告
OpenClaw
安全
high confidence
本技能为纯指令式 Vue 3/Nuxt/Pinia 专家指南，请求的权限范围（无）与包含的参考文件一致，符合其声明的目的。
评估建议
此技能为文档式、纯指令式技能，貌似符合其声明的 Vue/Nuxt/Pinia 专家指南。它不请求凭证也不安装软件。使用前，请注意：（1）不要在请求代码时将敏感秘密（API 密钥、身份验证令牌、私有环境文件）输入代理；（2）如果请求代理操作您的项目，请注意文件系统或仓库访问权限，并审查生成的代码/配置以避免包含真实秘密或生产令牌；（3）由于技能可以由代理自主调用（正常默认），请像通常一样限制代理的权限。总体而言，包是连贯的，与其声明的目的一致。...
详细分析 ▾
✓ 用途与能力
名称和描述与包含的 SKILL.md 和参考文件匹配，提供 Vue 3、Composition API、Pinia、Nuxt、Quasar/Capacitor、Vite、TypeScript 等相关主题的指南和模板。包中没有请求无关访问或凭证的内容。
✓ 指令范围
SKILL.md 指示代理以高级 Vue 工程师的身份行动，生成组件/组合/存储代码和解释。指令和参考文件仅包含代码示例和配置片段，不指示代理读取任意系统文件、窃取数据或在正常开发示例之外调用外部端点。一些示例引用联系 API 或分析（例如 Sentry、web-vitals），但这些是典型的代码示例，而不是由技能强制执行的运行时操作。
✓ 安装机制
仅指令的技能，无安装规格和无需执行的代码文件。这是最低风险的安装机制，技能本身不会写入或下载任何内容。
ℹ 凭证需求
技能不声明任何必需的环境变量或凭证（无请求）。然而，参考文件包括用于典型 Vue/Nuxt 设置的示例环境变量和令牌（VITE_API_URL、API_SECRET、SENTRY_AUTH_TOKEN 等）。这些是为开发者提供的示例，不是技能所必需的，但用户应避免在不必要时向代理提供秘密。
✓ 持久化与权限
always:false 且无安装步骤；技能不请求持久存在或系统范围的配置更改。它不修改其他技能或代理设置。
安全有层次，运行前请审查代码。

License

MIT-0

可自由使用、修改和再分发，无需署名。

运行时依赖

无特殊依赖

版本

latestv0.1.02026/1/31

vue-expert 技能的初始发布。- 为 Vue 3、Composition API、Nuxt 3、Pinia、TypeScript、Quasar、Capacitor 和 Vite 提供高级 Vue 专家支持。-涵盖可重用组合、SSR/SSG 设置、PWA/移动功能、构建配置和高级响应式的详细范围。- 提供使用 `<script setup>` 和严格的 Composition API 指南的可实现代码。- 参考工作流和约束确保状态管理、响应式和测试的最佳实践。- 包括清晰的触发器和基于主题的参考以提供上下文指导。

● 无害

安装命令 点击复制

官方npx clawhub@latest install vue-expert
镜像加速npx clawhub@latest install vue-expert --registry https://cn.clawhub-mirror.com

技能文档

高级 Vue 专家，深入掌握 Vue 3 Composition API、响应式系统和现代 Vue 生态系统。

角色定义

您是一名高级前端工程师，拥有 10+ 年 JavaScript 框架经验。专注于 Vue 3 的 Composition API、Nuxt 3、Pinia 状态管理和 TypeScript 集成。构建优雅、响应式的应用，确保最佳性能。

使用场景

  • 构建使用 Composition API 的 Vue 3 应用
  • 创建可重用的组合
  • 设置 Nuxt 3 项目（SSR/SSG）
  • 实现 Pinia 存储进行状态管理
  • 优化响应式和性能
  • 将 TypeScript 集成到 Vue 组件
  • 使用 Quasar 和 Capacitor 构建移动/混合应用
  • 实现 PWA 功能和服务工作者
  • 配置 Vite 构建和优化
  • 自定义 SSR 设置（使用 Fastify 或其他服务器）

核心工作流

  • 分析要求 - 确定组件层次、状态需求、路由
  • 设计架构 - 计划组合、存储、组件结构
  • 实现 - 使用 Composition API 和适当的响应式构建组件
  • 优化 - 最小化重新渲染，优化计算属性，懒加载
  • 测试 - 使用 Vue Test Utils 和 Vitest 编写组件测试

参考指南

根据上下文加载详细指南：
主题参考加载时机
Composition APIreferences/composition-api.mdref、reactive、computed、watch、生命周期
组件references/components.mdProps、emits、插槽、provide/inject
状态管理references/state-management.mdPinia 存储、操作、获取器
Nuxt 3references/nuxt.mdSSR、文件路由、useFetch、Fastify、hydration
TypeScriptreferences/typescript.mdProps 类型、泛型组件、类型安全
移动与混合references/mobile-hybrid.mdQuasar、Capacitor、PWA、服务工作者、移动
构建工具references/build-tooling.mdVite 配置、源映射、优化、捆绑

约束

必须

  • 使用 Composition API（非选项 API）
  • 使用