前端开发 Skill技能列表
ReactNativeWeb样式设计Skill react-native-web-styling
这个技能用于在React Native Web中进行样式设计,提供StyleSheet API、平台特定样式、响应式设计和主题化的模式。关键词:React Native Web、样式设计、响应式、主题化、前端开发、跨平台应用。
交互设计Skill interaction-design
交互设计技能专注于通过微交互、运动设计、状态过渡和用户反馈模式来提升用户界面的交互体验和可用性。它用于实现平滑的动画效果、加载状态设计、手势交互等,以增强用户满意度和界面直观性。关键词:交互设计、微交互、UI动画、前端开发、用户体验优化。
ReactNativeWeb核心Skill react-native-web-core
这个技能用于使用React Native构建跨平台的web应用,涵盖核心概念、组件和开发模式。关键词:React Native Web, 跨平台开发, web应用, React Native 组件, 前端开发。
Slidev幻灯片制作工具Skill slidev
Slidev是一款基于Vite、Vue和Markdown的web幻灯片制作工具,专为开发者设计,支持代码高亮、动画、交互式演示、数学方程和图表功能,适用于技术演讲、会议发言和教学材料制作。关键词:幻灯片、开发者、Markdown、Vue、代码高亮、动画、交互演示、技术演讲、教学工具、Web演示。
uViewVue2组件库技能Skill uview-vue2
这个技能提供uView Vue 2组件库的全面指导,帮助开发者构建uni-app应用程序,使用uView UI组件和工具进行前端开发。关键词:uView UI, Vue 2, uni-app, 前端组件, 移动开发, 响应式布局, 主题定制。
NuxtSEO完整指南Skill nuxt-seo
这是一个全面的Nuxt SEO技能指南,用于优化Nuxt.js应用的搜索引擎优化。它涵盖了所有8个核心SEO模块和3个Pro模块的安装、配置、集成和最佳实践,帮助开发者实现robots.txt、sitemap.xml、Open Graph图像、Schema.org结构化数据等功能。关键词:Nuxt SEO, SEO优化, 前端开发, Vue.js, 搜索引擎优化, robots.txt, sitemap.xml, Open Graph, Schema.org。
Three.js3D图形开发技能Skill threejs
Three.js 技能库提供构建3D网页体验的全面知识,涵盖场景设置、几何体、材质、照明、纹理、动画、加载器、着色器、后处理和交互等核心领域。适用于WebGL可视化、GLTF模型处理、自定义着色器实现和交互式3D元素开发,关键词包括Three.js、WebGL、3D图形、JavaScript库、前端开发、3D建模、动画效果。
shadcn-vueVue组件库Skill shadcn-vue
shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库,基于Reka UI和Tailwind CSS,提供可访问、可自定义的组件,如自动表单、数据表格、图表等,并支持黑暗模式和TypeScript。关键词:Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript
表单构建Skill building-forms
本技能提供系统化的表单构建指导,涵盖输入组件选择、验证策略、可访问性合规(WCAG 2.1)、UX最佳实践,以及JavaScript/React和Python的示例实现。适用于创建各种表单界面,如注册流程、调查问卷、多步向导等。关键词:表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包,特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案,用于提升Vue组件开发的健壮性和开发效率。核心功能包括:Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词:Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
UI设计师Skill ui-designer
UI设计师技能专注于提供专业的用户界面视觉设计服务,包括创建美观、直观且符合可访问性标准(如WCAG)的界面。核心能力涵盖视觉设计(色彩、字体、布局)、组件系统构建(按钮、表单、导航)、交互设计(状态、动画)以及设计系统开发。适用于新产品界面设计、现有界面重构、响应式设计实现、组件库创建和可访问性合规检查等场景。关键词:UI设计,用户界面,视觉设计,设计系统,组件库,可访问性,WCAG,响应式设计,交互设计,前端设计规范。
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务,涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。