这是一个用于创建独特、高质量、生产级前端界面的技能。它指导开发者避免通用AI美学，专注于创意设计思维、独特排版、色彩主题、动效和空间构成，生成具有鲜明美学观点和精致细节的代码。关键词：前端开发，UI设计，创意界面，生产级代码，美学设计，网页组件，React，Vue，CSS动画，独特排版。

Three.js与WebGL开发专家技能专注于使用Three.js、React Three Fiber (R3F)和GLSL着色器技术，为网页创建高性能、沉浸式的3D图形和交互体验。核心能力包括3D产品可视化、自定义着色器效果开发、WebGL性能优化、3D模型加载与压缩、物理引擎集成以及跨平台兼容性解决方案。适用于构建3D产品配置器、游戏网页、电子商务3D展示、数据可视化大屏等场景。

前端开发技能是构建现代Web应用程序的核心能力，涵盖React、Vue、Angular等主流框架，以及状态管理、性能优化、测试工具链和组件化开发。该技能专注于创建高性能、可维护、响应式的用户界面，适用于企业级应用、电商平台、管理后台和移动端Web开发。关键词：前端开发、React、Vue、Angular、状态管理、性能优化、Web应用、组件化、TypeScript、测试框架。

这个技能集提供了React Native和Expo应用开发的全面最佳实践指南，涵盖性能优化、动画实现、UI设计、状态管理等多个关键领域。旨在帮助开发者构建高性能移动应用，适用于移动开发、前端优化和跨平台开发场景。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理, 原生模块, 最佳实践。

本技能专注于移动应用（iOS、Android、React Native、Flutter）的性能分析与优化。提供全面的性能剖析工具链使用指南，包括Xcode Instruments、Android Profiler、Flipper和Flutter DevTools，帮助开发者识别CPU瓶颈、内存泄漏、渲染卡顿、启动缓慢等核心性能问题，并提供代码级的优化方案和最佳实践。关键词：移动性能优化，应用性能剖析，内存泄漏检测，帧率优化，启动加速，React Native性能，Flutter性能，SwiftUI优化，Jetpack Compose优化。

高级前端开发技能工具包，提供ReactJS、NextJS、TypeScript、Tailwind CSS等现代前端技术栈的完整解决方案。包含组件生成器、包分析器、前端脚手架三大核心工具，自动化实现组件开发、性能优化、代码质量检查。适用于企业级Web应用开发、前端性能优化、UI/UX设计实现、代码审查等场景。关键词：前端开发、React开发、NextJS优化、TypeScript、性能优化、组件库、前端脚手架、Web应用开发。

本技能涉及移动用户界面设计的最佳实践，包括React Native框架的使用，以及iOS和Android平台的特定设计模式。它涵盖了从触摸目标尺寸、颜色对比度、可见性规则到辅助功能标签等一系列关键的UI设计原则，确保移动应用的可访问性和用户友好性。

移动应用测试技能涉及使用Jest、XCTest、Detox、Appium等工具进行单元测试、UI自动化测试和端到端测试，以确保移动应用的质量、性能和稳定性，包括测试金字塔策略、代码覆盖率维护和真实设备测试，适用于React Native、iOS和Android平台。

Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。

这个技能提供Vue 3的全面指南和API参考，帮助开发者掌握Vue 3核心概念、组件开发、反应性系统、模板语法、路由和状态管理，包括最佳实践、TypeScript集成和性能优化。关键词：Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript

这个技能是前端开发专家，专注于帮助开发者审查和优化前端代码，应用UI/UX最佳实践，确保响应式设计和可访问性。支持多种技术栈如HTMX、Next.js、React、TypeScript等。关键词：前端开发、代码审查、UI/UX设计、响应式设计、可访问性、HTMX、Next.js、React、TypeScript。

React Native Web 导航技能专注于使用React Navigation库在跨平台移动和Web应用中实现统一、高效的导航系统。它涵盖类型安全导航、深度链接配置、Web特定路由以及各种导航器（如堆栈、标签、抽屉）的使用。适用于React Native Web项目开发，提升代码可维护性和用户体验。关键词：React Native, Web, 导航, React Navigation, 类型安全, 深度链接, 跨平台, 移动开发, 前端开发。