vuejs-ai/skills plugin for Grok Build
Agent skills for Vue 3 development
How to install vuejs-ai/skills in Grok Build
grok plugin install vuejs-ai/skills --trustReview before you trust it. --trust lets this plugin's hooks, MCP servers and scripts run code on your computer. It's a community repo that neither xAI nor GrokStacks has reviewed, so read its code first.
We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. This repo's marketplace has 9 plugins; we checked create-adaptable-composable. Install another the same way: grok plugin install <name>@vuejs-ai/skills --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it. Grok names it skills-e5f7a186 (after its install folder), so that's the name to use with grok plugin uninstall.
Command format: Grok Build's plugin guide
What we checked: on Oct 18, 2026 it installed with grok 1.0.62 and Grok found 8 skills. That's an install check only: we haven't run it in a live Grok session.
What it contains
Skills (8)
create-adaptable-composable— Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) tovue-best-practices— MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWvue-debug-guides— Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.vue-jsx-best-practices— JSX syntax in Vue (e.g., class vs className, JSX plugin config).vue-options-api-best-practices— Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.vue-pinia-best-practices— Pinia stores, state management patterns, store setup, and reactivity with stores.vue-router-best-practices— Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.vue-testing-best-practices— Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Plugins in this marketplace (9)
vue-skills-bundle— Install all Vue.js skills at once, including best practices, testing, router, Pinia, JSX, Options API, debug guides, and composable patterns.create-adaptable-composable— Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill whenvue-best-practices— A collection of best practices and tips for developing applications using Vue.js. MUST be used when developing, refactoring, or reviewing Vue.js and Nuxt tasks.vue-debug-guides— Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.vue-jsx-best-practices— JSX syntax in Vue (e.g., class vs className, JSX plugin config).vue-options-api-best-practices— Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.vue-pinia-best-practices— Pinia stores, state management patterns, store setup, and reactivity with stores.vue-router-best-practices— Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.vue-testing-best-practices— Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
About this listing
vuejs-ai/skills is a community plugin on GitHub by vuejs-ai, written as a Claude Code plugin that Grok Build installs. We install-checked it in Grok; we haven't run it in a live session or reviewed its code. When we installed it, Grok found 8 skills, 9 plugins in this marketplaces. Its license is MIT. We checked commit b3c62deb258b. It's one of 409 listings in the Development category on GrokStacks.
Stacks Weekly: every new Grok Build and Codex plugin, every Tuesday.
One short email for GrokStacks and CodexStacks readers, with each new plugin's install line and what it ships. Subscribe and get the free starter list: 20 Grok Build plugins worth installing first.
You'll get a confirmation email first. Unsubscribe anytime.
vuejs-ai/skills FAQ
How do I install vuejs-ai/skills in Grok Build?
Run grok plugin install vuejs-ai/skills --trust. We install-checked this command in Grok Build. We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. This repo's marketplace has 9 plugins; we checked create-adaptable-composable. Install another the same way: grok plugin install <name>@vuejs-ai/skills --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it. Grok names it skills-e5f7a186 (after its install folder), so that's the name to use with grok plugin uninstall.
Is vuejs-ai/skills an official Grok Build plugin?
No. vuejs-ai/skills is a community plugin on GitHub by vuejs-ai, not in xAI's official Grok Build marketplace. We checked that it installs and what Grok loads from it, but haven't run it in a live Grok session or reviewed its code.
What does vuejs-ai/skills include?
According to what Grok loaded in our install check, vuejs-ai/skills includes 8 skills, 9 plugins in this marketplaces: create-adaptable-composable, vue-best-practices, vue-debug-guides, vue-jsx-best-practices, vue-options-api-best-practices, vue-pinia-best-practices….
Details
- Type
- Plugin
- Category
- Development
- Source
- Community Claude Code plugin, installs in Grok
- License
- MIT
- Author
- vuejs-ai
- Source repo
- https://github.com/vuejs-ai/skills
- Checked commit
b3c62deb258b- Checked by GrokStacks
- Install-checked in Grok Build on Oct 18, 2026; not run in a live session
Something wrong or missing? Submit or improve this listing. Marketplace listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain vuejs-ai/skills? Add the badge; it links to this page.
Markdown
[](https://grokstacks.com/p/vuejs-ai-skills/)HTML
<a href="https://grokstacks.com/p/vuejs-ai-skills/"><img src="https://grokstacks.com/badge.svg" alt="Listed on GrokStacks" width="164" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://grokstacks.com/p/vuejs-ai-skills/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #2a2e3c;border-radius:12px;background:#0a0b0f;color:#e8eaf0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#e8eaf0">vuejs-ai/skills</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#9aa0b1">Community plugin for Grok Build · 8 skills, 9 plugins in this marketplaces</span><span style="display:block;margin:0 0 10px;color:#c9cdd8">Agent skills for Vue 3 development</span><span style="font-size:12px;font-weight:600;color:#7c9cff">View on GrokStacks →</span></a>Markdown summary
**[vuejs-ai/skills on GrokStacks](https://grokstacks.com/p/vuejs-ai-skills/)**: Community plugin for Grok Build with 8 skills, 9 plugins in this marketplaces. Install: `grok plugin install vuejs-ai/skills --trust`More on badges, embeds and keeping your listing up to date: GrokStacks for plugin authors.
Also in Development
Abap2UI5
Build UI5 Apps Purely in ABAP
Accessibility Agents
Accessibility review agents for Claude Code, GitHub Copilot, and Claude Desktop. Eleven specialists that enforce WCAG 2.2 AA compliance so AI coding tools stop generating inaccessible code.
addyosmani/agent-skills
Production-grade engineering skills for AI coding agents.
Advise Project Approach
A portable project-planning skill for Codex, Claude Code, pi, Hermes, and Agent Skills-compatible harnesses. Evidence before build advice.
Agent Bridge
A local bridge for bidirectional collaboration between Claude Code and Codex. 连接 Claude Code 与 Codex 的本地实时协作桥接工具。
Agent Harness
Our agent harness: Skills, plugins, hooks, and utilities to improve the quality of your agent.