element-plus-skills
专为AI Agent打造的Element Plus开发技能库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：element-plus-skills。 它的用途是：专为AI Agent打造的Element Plus开发技能库 完整的 Skill 内容见：https://321skill.com/skills/element-plus-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'用Element Plus写一个带校验的用户登录表单'，它会参考el-form、el-input等组件的标准API与最佳实践，生成可直接运行的合规代码。
对AI说：'Element Plus怎么适配暗黑模式？'，它会调用暗黑模式模块的指引，给出完整的实现方案。
介绍
在使用AI Agent辅助开发Vue3+Element Plus项目时，常出现AI对组件API记忆偏差、用法不符合官方规范、设计参数引用错误等问题，导致生成的代码需要反复调试修改。该技能库整合了Element Plus全量组件、设计规范与基础能力的结构化权威资料，为AI提供准确可靠的参考依据。 开发者将该技能库安装到项目后，支持标准技能协议的AI Agent即可自动读取库内的标准化文档，在生成代码、解答问题时直接调用对应组件的属性、事件、插槽等API信息，参考官方示例与最佳实践输出内容，还能结合设计规范给出符合规范的方案。 适合使用Vue3+Element Plus技术栈的前端开发者，尤其是借助AI工具提升开发效率的团队与个人，也适合需要快速熟悉Element Plus开发规范的新手开发者。 使用前需确保项目满足Node.js 18+、Vue 3.3+、Element Plus 2.4+的版本要求，若涉及自定义主题、国际化、SSR等特殊场景，可优先调用库内对应的基础模块获取专项指引。
核心特点
不同于通用前端组件知识库，它针对AI Agent的读取格式做了标准化结构化处理，完整覆盖Element Plus 88项组件、设计与基础能力，完全对齐官方最新规范。
注意事项
仅适用于Vue3技术栈下Element Plus 2.4+版本的项目，不支持Vue2或其他UI框架的开发辅助。
常见问题
使用这个技能库需要满足什么版本要求？
需要Node.js 18+、Vue 3.3+、Element Plus 2.4+，图标需额外安装@element-plus/icons-vue。
安装后需要额外配置才能让AI识别吗？
不需要，支持标准技能协议的AI Agent会自动读取库内文档，直接调用相关内容。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/element-plus-skills/raw/index.md 读取 element-plus-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/element-plus-skills/raw/index.md（查看排版版本）