Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
View on GitHubpartme-ai/full-stack-skills
development-skills-utils
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/element-plus-vue3/SKILL.md -a claude-code --skill element-plus-vue3Installation paths:
.claude/skills/element-plus-vue3/## When to use this skill Use this skill whenever the user wants to: - Install and set up Element Plus in a Vue 3 project - Use Element Plus components in Vue 3 applications - Configure Element Plus (global config, i18n, theme, etc.) - Use form components (Button, Input, Form, etc.) - Use data display components (Table, Card, etc.) - Use feedback components (Message, Notification, Dialog, etc.) - Use navigation components (Menu, Tabs, etc.) - Customize component styles and themes - Handle component events - Understand Element Plus API and methods - Troubleshoot Element Plus issues ## How to use this skill This skill is organized to match the Element Plus official documentation structure (https://element-plus.org/zh-CN/, https://element-plus.org/en-US/guide/design, https://element-plus.org/en-US/component/overview). When working with Element Plus: 1. **Identify the topic** from the user's request: - Installation/安装 → `examples/guide/installation.md` - Quick Start/快速开始 → `examples/guide/quick-start.md` - Design/设计 → `examples/guide/design.md` - Components/组件 → `examples/components/` - API/API 文档 → `api/` 2. **Load the appropriate example file** from the `examples/` directory: **Guide (使用指南)**: - `examples/guide/installation.md` - Installation guide - `examples/guide/quick-start.md` - Quick start guide - `examples/guide/design.md` - Design guidelines - `examples/guide/i18n.md` - Internationalization - `examples/guide/theme.md` - Theme customization - `examples/guide/global-config.md` - Global configuration **Components (组件)**: - `examples/components/overview.md` - Components overview - `examples/components/button.md` - Button component - `examples/components/input.md` - Input component - `examples/components/form.md` - Form component - `examples/components/table.md` - Table component - `examples/components/card.md` - Card component - `examples/components/dialog.md` - Dialog component - `examples/comp