vant-vue3 by teachingai/full-stack-skills
npx skills add https://github.com/teachingai/full-stack-skills --skill vant-vue3当用户正在使用 Vant for Vue 3 或询问以下内容时,请使用此技能:
vant 实现 Vue 3 移动端 UIvan-button、van-cell、van-form、van-dialog、van-popup、van-toastConfigProvider、主题变量或主题定制广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
触发词包括:
vantvant vue3Vant of Vue 3.0van-button、van-form、van-cell、van-dialog、van-toast、van-popupConfigProvidertheme-varsvant 组件Vant 主题定制此技能与官方 Vant 文档入口点对齐:
本地技能内容仅声明覆盖此技能目录中实际存在的文件。不要引用不存在的本地文件。如果请求的 Vant 组件未被本地示例文件覆盖,请使用官方指南作为主要参考,并复用最接近的本地模式。
关于确切的本地到官方映射,请阅读:
references/official-mapping.md将用户请求映射到以下领域之一:
快速开始 / 设置
组件实现
全局配置和主题
ConfigProvidertheme-varsAPI 查找
模板或脚手架
使用最小相关的文件集。
examples/getting-started/installation.mdexamples/getting-started/basic-usage.mdtemplates/project-setup.md当用户询问如何安装 Vant、注册组件、导入 CSS 或启动 Vue 3 + Vant 项目时,使用这些文件。
仅使用与用户请求匹配的组件文件:
examples/components/button.mdexamples/components/cell.mdexamples/components/form.mdexamples/components/dialog.mdexamples/components/popup.mdexamples/components/toast.mdapi/config-provider.mdexamples/advanced/theme-customization.md当需要处理 ConfigProvider、深色/浅色主题、theme-vars、CSS 变量或全局 UI 行为时,使用这些文件。
api/components.mdapi/config-provider.md当用户需要属性名、事件名、方法名或快速 API 摘要时,使用这些文件。
references/official-mapping.md在以下情况下使用此文件:
使用此技能回答时:
vant 导入van- 组件vant/lib/index.cssreferences/official-mapping.md 进行引导这是此技能的实际本地导航界面。
examples/getting-started/installation.mdexamples/getting-started/basic-usage.mdtemplates/project-setup.mdexamples/components/button.mdexamples/components/cell.mdexamples/components/form.mdexamples/components/dialog.mdexamples/components/popup.mdexamples/components/toast.mdapi/config-provider.mdexamples/advanced/theme-customization.mdapi/components.mdapi/config-provider.mdreferences/official-mapping.mdscript setup 风格ConfigProvidericon.md、tabs.md、navbar.md 或其他文件加载:
examples/getting-started/installation.mdtemplates/project-setup.md返回:
加载:
examples/components/ 下匹配的文件api/components.md返回:
加载:
api/config-provider.mdexamples/advanced/theme-customization.md返回:
ConfigProvider 用法theme-vars 示例加载:
references/official-mapping.md返回:
在响应之前,请验证:
vantConfigProvider / theme-varsreferences/official-mapping.mdVant, Vant Vue 3, Vant of Vue 3.0, Vue 3 移动端 UI, van-button, van-cell, van-form, van-dialog, van-toast, van-popup, ConfigProvider, theme-vars, 移动优先 UI, Vant 主题, Vant 设置, Vant 组件库, vant 组件, vant vue3, 移动端组件库, 按钮, 单元格, 表单, 对话框, 提示, 弹出层, 主题定制
每周安装量
103
仓库
GitHub Stars
223
首次出现
2026 年 1 月 24 日
安全审计
安装于
opencode91
codex88
gemini-cli87
github-copilot86
cursor79
amp77
TanStack Table 中文指南:React 无头表格库,实现排序过滤分页
577 周安装
Mux视频平台开发指南:视频流、直播、播放器集成与AI工作流
83 周安装
Next.js App Router国际化方案:next-intl多语言路由配置指南
144 周安装
阿里云 AnalyticDB MySQL 数据库技能冒烟测试指南与自动化脚本
144 周安装
AI技能模板 - 高效构建AI助手技能,支持主流开发工具集成
145 周安装
iOS游戏开发终极指南:SpriteKit、SceneKit、RealityKit架构、性能优化与故障排除
142 周安装
Anime.js v4 中文指南:轻量级 JavaScript 动画库安装、核心概念与 API 详解
145 周安装