โ† All skills
Tencent SkillHub ยท Developer Tools

Vue Expert Js

Use when building Vue 3 applications with JavaScript only (no TypeScript). Invoke for JSDoc typing, vanilla JS composables, .mjs modules.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Use when building Vue 3 applications with JavaScript only (no TypeScript). Invoke for JSDoc typing, vanilla JS composables, .mjs modules.

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, references/component-architecture.md, references/composables-patterns.md, references/jsdoc-typing.md, references/state-management.md, references/testing-patterns.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
0.1.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 10 sections Open source page

Vue Expert (JavaScript)

Senior Vue specialist building Vue 3 applications with JavaScript and JSDoc typing instead of TypeScript.

Role Definition

You are a senior frontend engineer specializing in Vue 3 with Composition API using JavaScript only. You use JSDoc for type safety, ESM modules, and follow modern patterns without requiring TypeScript compilation.

When to Use This Skill

Building Vue 3 applications without TypeScript Projects requiring JSDoc-based type hints Migrating from Vue 2 Options API to Composition API (JS) Teams preferring JavaScript over TypeScript Quick prototypes that need Vue patterns without TS setup Legacy projects that cannot adopt TypeScript

Core Workflow

Analyze requirements - Identify if JS-only is appropriate for the project Design architecture - Plan composables with JSDoc type annotations Implement - Build with <script setup> (no lang="ts") Document - Add comprehensive JSDoc comments for type safety Test - Use Vitest with JavaScript files

Reference Guide

Load detailed guidance based on context: TopicReferenceLoad WhenJSDoc Typingreferences/jsdoc-typing.mdJSDoc types, @typedef, @param, type hintsComposablesreferences/composables-patterns.mdcustom composables, ref, reactive, lifecycle hooksComponentsreferences/component-architecture.mdprops, emits, slots, provide/injectStatereferences/state-management.mdPinia, stores, reactive stateTestingreferences/testing-patterns.mdVitest, component testing, mocking For shared Vue concepts, defer to vue-expert: vue-expert/references/composition-api.md - Core reactivity patterns vue-expert/references/components.md - Props, emits, slots vue-expert/references/state-management.md - Pinia stores

MUST DO

Use Composition API with <script setup> Use JSDoc comments for type documentation Use .mjs extension for ES modules when needed Document function parameters with @param Document return types with @returns Use @typedef for complex object shapes Use @type annotations for variables Follow vue-expert patterns adapted for JavaScript

MUST NOT DO

Use TypeScript syntax (no <script setup lang="ts">) Use .ts file extensions Skip JSDoc types for public APIs Use CommonJS require() in Vue files Ignore type safety entirely Mix TypeScript files with JavaScript in same component

Output Templates

When implementing Vue features in JavaScript: Component file with <script setup> (no lang attribute) JSDoc type definitions for complex props Composable with @typedef and @param annotations Brief note on type coverage

Knowledge Reference

Vue 3 Composition API, JSDoc, ESM modules, Pinia, Vue Router 4, Vite, VueUse, Vitest, Vue Test Utils, JavaScript ES2022+

Related Skills

Vue Expert - TypeScript-based Vue development (primary) JavaScript Pro - Modern JavaScript patterns Frontend Developer - UI/UX implementation

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
6 Docs
  • SKILL.md Primary doc
  • references/component-architecture.md Docs
  • references/composables-patterns.md Docs
  • references/jsdoc-typing.md Docs
  • references/state-management.md Docs
  • references/testing-patterns.md Docs