SkillsBot - 发现、分享、安装
AI Agent Skill技能库
搜索结果: "vue"
Nuxt模块开发Skill nuxt-modules
Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块，用于增强前端应用功能。涉及关键词：Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。
ViteSkill vite
Vite 是一个用于前端开发的下一代构建工具，提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器，适用于现代前端框架如 Vue 和 React，并支持插件扩展。关键词：Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。
uni-app-x项目技能Skill uniappx-project
此技能提供全面的 uni-app-x 组件和 API 集成指南，帮助开发者使用官方组件和 API，获取示例和跨平台兼容性信息，支持使用 Vue 3、TypeScript、Vite 构建跨平台应用程序。关键词：uniappx, uni-app-x, 组件, API, 跨平台, 示例, 参考, 官方文档, Vue 3, TypeScript, Vite, H5, App, 小程序
原子设计集成Skill atomic-design-integration
这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成，提供项目结构、组件模板、测试和配置的最佳实践，关键词包括：原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器（SSG），专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件，提供极速的热更新体验和内置的搜索功能，并可通过主题系统高度定制。核心关键词包括：静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包，特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案，用于提升Vue组件开发的健壮性和开发效率。核心功能包括：Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词：Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具，能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数，并强制执行代码质量标准，包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化，提高开发效率和代码一致性。关键词：前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
Ultracite代码质量工具Skill ultracite
Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。
瑞卡UISkill reka-ui
Reka UI是一个基于Vue 3的无样式、可访问组件库，用于构建headless组件。它提供组件API、无障碍模式（WAI-ARIA合规）、组合模式（asChild）、受控/非受控状态管理、虚拟化优化和样式集成，适用于需要高度定制和可访问性的前端开发项目。关键词：Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。
Nuxt内容管理技能Skill nuxt-content
Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。
Vue测试最佳实践Skill vue-testing-best-practices
本技能是关于Vue.js前端框架的测试最佳实践指南。它系统性地介绍了如何为Vue 3项目搭建测试环境（推荐使用Vitest），涵盖了组件测试、可组合函数测试、状态管理（Pinia）测试、异步组件测试以及端到端测试（推荐使用Playwright）等核心场景。针对测试中常见的陷阱，如竞态条件、快照测试的局限性、Teleport组件测试等，提供了具体的解决方案和模式。关键词：Vue.js测试，Vitest，Vue Test Utils，组件测试，端到端测试，Playwright，Pinia，异步测试，测试模式。