KS
Killer-Skills

vue-best-practices — Categories.community component-library, ui, vue, vue-components, vue2, vue3

v7.0.0
GitHub

About this Skill

Perfect for Frontend Agents needing advanced Vue.js development capabilities with Vue2.7+ and Vue3.2+ compatibility. A universal UI component library for Vue2.7+ & Vue3.2+

# Core Topics

libondev libondev
[18]
[3]
Updated: 2/27/2026

Quality Score

Top 5%
26
Excellent
Based on code quality & docs
Installation
SYS Universal Install (Auto-Detect)
Cursor IDE Windsurf IDE VS Code IDE
> npx killer-skills add libondev/pxd

Agent Capability Analysis

The vue-best-practices MCP Server by libondev is an open-source Categories.community integration for Claude and other AI agents, enabling seamless task automation and capability expansion. Optimized for component-library, ui, vue.

Ideal Agent Persona

Perfect for Frontend Agents needing advanced Vue.js development capabilities with Vue2.7+ and Vue3.2+ compatibility.

Core Value

Empowers agents to enforce strict template checking with vue-tsc-strict-templates, ensuring undefined components are handled properly, and provides a universal UI component library for streamlined development with Vue.js.

Capabilities Granted for vue-best-practices MCP Server

Enforcing strict template rules for Vue components
Developing universal UI components for Vue2.7+ and Vue3.2+
Debugging undefined components in Vue templates

! Prerequisites & Limits

  • Requires Vue2.7+ or Vue3.2+
  • Limited to Vue.js ecosystem
Project
SKILL.md
3.5 KB
.cursorrules
1.2 KB
package.json
240 B
Ready
UTF-8
SKILL.md
Readonly

Vue Best Practices

Capability Rules

RuleKeywordsDescription
vue-tsc-strict-templatesundefined component, template error, strictTemplatesCatch undefined components in templates
fallthrough-attributesfallthrough, $attrs, wrapper componentType-check fallthrough attributes
strict-css-modulescss modules, $style, typoCatch CSS module class typos
data-attributes-configdata-*, strictTemplates, attributeAllow data-* attributes
volar-3-breaking-changesvolar, vue-language-server, editorFix Volar 3.0 upgrade issues
module-resolution-bundlercannot find module, @vue/tsconfig, moduleResolutionFix module resolution errors
unplugin-auto-import-conflictsunplugin, auto-import, types anyFix unplugin type conflicts
codeactions-save-performanceslow save, vscode, performanceFix slow save in large projects
duplicate-plugin-detectionduplicate plugin, vite, vue pluginDetect duplicate plugins
define-model-update-eventdefineModel, update event, undefinedFix model update errors
with-defaults-union-typeswithDefaults, union type, defaultFix union type defaults
deep-watch-numericwatch, deep, array, Vue 3.5Efficient array watching
vue-directive-comments@vue-ignore, @vue-skip, templateControl template type checking
script-setup-jsdocjsdoc, script setup, documentationAdd JSDoc to script setup
vue-router-typed-paramsroute params, typed router, unpluginFix route params typing

Efficiency Rules

RuleKeywordsDescription
hmr-vue-ssrhmr, ssr, hot reloadFix HMR in SSR apps
pinia-store-mockingpinia, mock, vitest, storeMock Pinia stores

Reference

Related Skills

Looking for an alternative to vue-best-practices or building a Categories.community AI Agent? Explore these related open-source MCP Servers.

View All

widget-generator

Logo of f
f

widget-generator is an open-source AI agent skill for creating widget plugins that are injected into prompt feeds on prompts.chat. It supports two rendering modes: standard prompt widgets using default PromptCard styling and custom render widgets built as full React components.

149.6k
0
Design

chat-sdk

Logo of lobehub
lobehub

chat-sdk is a unified TypeScript SDK for building chat bots across multiple platforms, providing a single interface for deploying bot logic.

73.0k
0
Communication

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
Communication

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
Communication