搜索结果: "vue"
Vue/Nuxt安全前端开发技能Skill vue-nuxt
此技能专注于使用 Vue 3 和 Nuxt 3 构建 JARVIS AI 助手的用户界面,强调安全第一的开发模式,包括响应式 3D HUD 组件、服务器端渲染、性能优化和安全处理用户输入。关键词:Vue 3, Nuxt 3, 前端开发, 安全开发, 3D HUD, AI助手UI, 性能优化, 测试驱动开发, TypeScript。
Vue路由器v3Skill vue-router-v3
此技能提供 Vue Router v3 的安装、配置、路由模式实现、导航守卫、历史模式、懒加载路由等全面指导,适用于 Vue 2 项目,包含官方 API 详细信息和资源链接。关键词:vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具,专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架,能够自动创建包含组件渲染验证、用户交互模拟(如点击、输入)、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率,确保代码质量,并遵循现代前端测试的最佳实践。 关键词:前端测试,React测试,Vue测试,组件测试,单元测试,自动化测试,React Testing Library,快照测试,可访问性测试,用户交互测试
NuxtUISkill nuxt-ui
Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库,提供预构建组件如按钮、模态框、表单、表格等,支持Tailwind Variants主题定制,基于Reka UI构建,适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
TypeScript开发技能Skill typescript
本技能提供TypeScript开发的专业知识,专注于为JARVIS AI助手实现类型安全,涵盖Vue组件、API路由、3D渲染和状态管理等领域,强调编译时错误预防和运行时数据验证。关键词:TypeScript,类型安全,AI助手,前端开发,全栈开发,Zod,Vue组件,API路由,3D渲染。
uni-app项目创建器Skill uniapp-project-creator
此技能用于快速创建和初始化uni-app项目,通过一键命令或HBuilderX工具,支持Vue 2/Vue 3模板选择、配置文件设置和项目结构生成,适用于前端开发和移动应用开发场景。关键词:uni-app、项目创建、CLI、HBuilderX、Vue、快速启动、项目初始化、模板选择。
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架(如React、Vue、Angular)之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移,支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器,实现高效、准确的框架迁移,减少手动重构工作量,提升前端项目现代化升级效率。
vue-router最佳实践Skill vue-router-best-practices
本技能包提供了 Vue Router 4 的核心最佳实践指南,涵盖导航守卫、路由参数处理、组件生命周期交互等关键主题。旨在帮助前端开发者解决路由跳转、参数更新、守卫异步操作、无限循环等常见问题,优化单页应用的路由性能和代码结构。关键词:Vue Router, 导航守卫, 路由生命周期, 单页应用, 前端路由, Vue.js, 路由参数, 组件交互。
UI/UX设计智能Skill ui-ux-pro-max
UI/UX设计智能技能是一个全面的前端设计工具,提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南,支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验,适用于网站、应用、仪表板等项目,提升设计效率和专业性。关键词:UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
技术栈检测Skill tech-stack-detection
技术栈检测技能自动识别项目中的技术框架(如React、Vue)、包管理器和配置模式,适用于项目启动、依赖分析、框架指导,帮助开发人员快速理解架构并优化开发流程。关键词:技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。