搜索结果: "vue"
uni-app-x项目创建器Skill uniappx-project-creator
此技能用于通过单一命令快速创建uni-app-x项目,包括Vue 3 + TypeScript + Vite设置、配置和模板生成,适用于初始化项目结构、设置开发环境或生成模板的场景。关键词:uni-app-x, TypeScript, Vue 3, 项目创建, 模板生成, HBuilderX, 一键创建, 快速启动。
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码,支持React、Vue、HTML/CSS等多种框架,优化设计到开发的工作流,提升效率。关键词:Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能,用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性,支持更好的代码组织、逻辑复用和TypeScript集成,适用于现代Vue开发,提高开发效率和代码质量。关键词:Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
Vue组件模式Skill vue-component-patterns
Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念,帮助开发者创建类型安全、易于维护的现代Web应用。关键词:Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能,帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架,是提升团队协作效率和代码质量的关键工具。关键词:Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
PiniaSkill pinia
Pinia是Vue.js官方状态管理库,提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用,帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发,提升前端应用架构质量。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具,专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目,帮助开发团队保持代码一致性,提高代码可维护性,减少技术债务。关键词:代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制
前端组件生成器Skill frontend-component
自动化生成React/Vue组件,包括TypeScript定义、测试和样式,遵循最佳实践,提高开发效率。
VuexVue2状态管理Skill vuex-vue2
此技能提供Vuex 2.x在Vue 2应用程序中状态管理的全面指导,涵盖核心概念如状态、获取器、突变、动作和模块,以及安装、API参考、最佳实践和高级功能。关键词:Vuex、Vue 2、状态管理、前端开发、JavaScript框架、存储管理、异步操作。
组件库存Skill component-inventory
组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件,识别重复项和变体,分析组件属性和使用频率,生成详细报告并提供整合建议。关键词:UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。
Vue应用结构Skill vue-application-structure
使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序,实现代码的模块化和类型安全。
BunNuxt开发Skill "BunNuxt"
这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势,使用 Bun APIs 如数据库操作和文件处理,以及部署到生产环境。关键词:Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。