vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
Why use this skill?
Master Vue 3 development with the vue-expert skill. Get senior-level guidance on Composition API, Nuxt 3, Pinia, TypeScript, and high-performance frontend architecture.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/veeramanikandanr48/vue-expertWhat This Skill Does
The vue-expert skill provides specialized assistance for developers building enterprise-grade applications with Vue 3. It acts as a senior frontend architect, ensuring all code follows modern best practices, specifically the Composition API and <script setup> syntax. It streamlines the development process for Nuxt 3, Quasar, and Vite-based environments, providing deep insights into state management via Pinia, type-safe TypeScript integration, and performance optimization. The skill enforces a clean, modular architecture, guiding you through complex tasks like SSR, hybrid mobile development with Capacitor, and sophisticated reactive patterns. It essentially serves as a pair-programmer that enforces strict clean-code principles and prevents common architectural pitfalls.
Installation
You can integrate this skill into your OpenClaw environment by running the following command in your terminal: clawhub install openclaw/skills/skills/veeramanikandanr48/vue-expert
Use Cases
- Migrating legacy Options API codebases to modern Composition API.
- Architecting complex Nuxt 3 applications with server-side rendering and middleware.
- Implementing performant global state management using Pinia.
- Setting up cross-platform mobile apps using Quasar and Capacitor.
- Optimizing Vite build configurations for faster HMR and smaller bundle sizes.
- Designing custom, reactive composables to abstract complex business logic.
- Ensuring robust type safety in complex Vue components using TypeScript interfaces.
Example Prompts
- "I am building a multi-step checkout form in Vue 3. Can you help me design a Pinia store to manage the state and suggest a composable pattern to handle the form validation logic?"
- "Explain the best way to handle asynchronous data fetching in a Nuxt 3 page using useFetch, and how I should structure the API calls for better maintainability."
- "Convert this Options API component to the Composition API with <script setup>, and add TypeScript interfaces for the props and emitted events."
Tips & Limitations
Always prioritize computed() over watch() to keep your reactivity graph clean and performant. While the skill is excellent at generating code, ensure you are always validating the security of external API calls made within your composables. Remember that this skill focuses strictly on Vue 3+ ecosystems; it will not provide support for Vue 2 or legacy library integrations unless they are being migrated to modern standards.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-veeramanikandanr48-vue-expert": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: code-execution
Related Skills
earnings-calendar
This skill retrieves upcoming earnings announcements for US stocks using the Financial Modeling Prep (FMP) API. Use this when the user requests earnings calendar data, wants to know which companies are reporting earnings in the upcoming week, or needs a weekly earnings review. The skill focuses on mid-cap and above companies (over $2B market cap) that have significant market impact, organizing the data by date and timing in a clean markdown table format. Supports multiple environments (CLI, Desktop, Web) with flexible API key management.
better-auth
Self-hosted auth for TypeScript/Cloudflare Workers with social auth, 2FA, passkeys, organizations, RBAC, and 15+ plugins. Requires Drizzle ORM or Kysely for D1 (no direct adapter). Self-hosted alternative to Clerk/Auth.js. Use when: self-hosting auth on D1, building OAuth provider, multi-tenant SaaS, or troubleshooting D1 adapter errors, session caching, rate limits, Expo crashes, additionalFields bugs.
dividend-growth-pullback-screener
Use this skill to find high-quality dividend growth stocks (12%+ annual dividend growth, 1.5%+ yield) that are experiencing temporary pullbacks, identified by RSI oversold conditions (RSI ≤40). This skill combines fundamental dividend analysis with technical timing indicators to identify buying opportunities in strong dividend growers during short-term weakness.
cli-developer
Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for CLI design, argument parsing, interactive prompts, progress indicators, shell completions.
options-strategy-advisor
Options trading strategy analysis and simulation tool. Provides theoretical pricing using Black-Scholes model, Greeks calculation, strategy P/L simulation, and risk management guidance. Use when user requests options strategy analysis, covered calls, protective puts, spreads, iron condors, earnings plays, or options risk management. Includes volatility analysis, position sizing, and earnings-based strategy recommendations. Educational focus with practical trade simulation.