搜索结果: "vue"
NuxtUIv4前端组件库技能Skill nuxt-ui-v4
这个技能是用于使用 Nuxt UI v4 组件库进行前端开发，构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件，支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript，适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词：Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发，包括组件集成、主题定制、国际化实现、SSR支持等，适用于构建现代化Web应用程序。关键词：Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器（SSG），专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件，提供极速的热更新体验和内置的搜索功能，并可通过主题系统高度定制。核心关键词包括：静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具，能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数，并强制执行代码质量标准，包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化，提高开发效率和代码一致性。关键词：前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
瑞卡UISkill reka-ui
Reka UI是一个基于Vue 3的无样式、可访问组件库，用于构建headless组件。它提供组件API、无障碍模式（WAI-ARIA合规）、组合模式（asChild）、受控/非受控状态管理、虚拟化优化和样式集成，适用于需要高度定制和可访问性的前端开发项目。关键词：Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。
PiniaVue状态管理Skill pinia
Pinia 是 Vue 的官方状态管理库，提供类型安全、可扩展性和直观的 API，适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词：Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。
Nuxt框架Skill nuxt
Nuxt是一个基于Vue.js的全栈框架，支持服务器端渲染(SSR)、文件路由和自动导入，适用于现代Web开发，提升开发效率和性能，关键词包括Vue、SSR、全栈、文件路由、自动导入、服务器渲染。
Remix图标库实现技能Skill remix-icon
Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。
Vue测试最佳实践Skill vue-testing-best-practices
本技能是关于Vue.js前端框架的测试最佳实践指南。它系统性地介绍了如何为Vue 3项目搭建测试环境（推荐使用Vitest），涵盖了组件测试、可组合函数测试、状态管理（Pinia）测试、异步组件测试以及端到端测试（推荐使用Playwright）等核心场景。针对测试中常见的陷阱，如竞态条件、快照测试的局限性、Teleport组件测试等，提供了具体的解决方案和模式。关键词：Vue.js测试，Vitest，Vue Test Utils，组件测试，端到端测试，Playwright，Pinia，异步测试，测试模式。
视觉回归测试设置Skill visual-regression
自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。
PiniaColada数据获取技能Skill pinia-colada
Pinia Colada 是一个用于 Vue 和 Nuxt 的智能数据获取库，提供 useQuery 和 useMutation 等功能，用于处理异步状态、查询缓存、服务器端渲染（SSR）、查询失效、乐观更新等。关键词：Pinia Colada, Vue, Nuxt, 数据获取, 缓存, SSR, 异步状态管理, useQuery, useMutation。