前端开发 Skill技能列表
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力,提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用,特别适合组件库开发、企业级应用架构设计和性能调优场景。
VuexVue2状态管理Skill vuex-vue2
此技能提供Vuex 2.x在Vue 2应用程序中状态管理的全面指导,涵盖核心概念如状态、获取器、突变、动作和模块,以及安装、API参考、最佳实践和高级功能。关键词:Vuex、Vue 2、状态管理、前端开发、JavaScript框架、存储管理、异步操作。
Pinia状态管理技能Skill pinia
这个技能提供 Pinia 状态管理专长,用于在 JARVIS AI 助手中管理应用状态,包括系统指标、用户偏好和 HUD 配置。它专注于前端开发,使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理,适用于实时数据同步和 SSR 安全场景。关键词:Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。
Avue框架开发技能Skill avue
此技能提供Avue框架的全面指导,帮助用户构建管理界面、实现CRUD操作、使用表单和表格组件等前端开发任务。关键词包括Avue, Vue, Element UI, 数据驱动, 表单, 表格, CRUD, 树形, 上传, 选择器,适合SEO搜索。
React最佳实践Skill react-best-practices
提供React模式,包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件(带有React导入的.tsx、.jsx文件)时必须使用。
前端设计Skill frontend-design
这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码,避免通用AI设计风格,强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词:前端设计,UI设计,网页开发,创意界面,生产级代码,独特美学,避免AI通用设计,React组件,CSS动画,用户体验设计。
rxjs-patterns-for-angularSkill rxjs-patterns-for-angular
这项技能帮助开发者在Angular应用中使用RxJS实现响应式编程模式,包括Observables、操作符、订阅管理、错误处理等关键概念,并提供了与Angular信号集成的方法。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
Nuxt4核心框架基础Skill nuxt-core
这个技能专注于Nuxt 4框架的核心开发和配置,涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用,提高开发效率和性能。关键词:Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架
前端UI/UX设计开发Skill frontend-ui-ux
前端UI/UX设计开发技能,专注于用户界面和用户体验的设计与实现,涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力,适用于网页和应用程序开发,便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
UI处理器Skill ui-handler
UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP,提供原子组件(如按钮、输入框)和复杂区块(如英雄区、仪表盘)的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理,旨在提升前端开发效率,实现UI的快速原型设计和一致性维护。关键词:UI组件,前端开发,Shadcn,21st.dev,原子设计,区块生成,主题定制,React组件,Web界面构建。