这个技能提供了基于Emil Kowalski的Web界面动画最佳实践，涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发，帮助提升动画性能、用户体验和可访问性。关键词：动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。

这个技能用于通过React和TypeScript实现拖放和可排序功能，适用于看板、列表排序、文件上传等场景，注重无障碍性、触摸支持和性能优化，关键词包括：拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。

该技能是一个前端开发专家工具，专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码，使用shadcn/ui组件库确保UI一致性，并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务，适用于现代Web前端开发。关键词包括：前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。

这个技能专注于使用WebSockets、Server-Sent Events、长轮询和WebRTC等技术构建实时通信应用程序，适用于聊天、协作、游戏、金融交易、IoT仪表板等场景。它涵盖从基础概念到高级架构的实现，包括客户端和服务器端开发、消息协议、安全性和缩放策略。关键词：WebSockets, 实时通信, 双向通信, 服务器推送, 聊天应用, 游戏开发, 金融交易, IoT, Node.js, React, 安全认证, 水平缩放。

这是一个用于测试 React Native Web 应用程序的技能，专注于使用 Jest 和 React Native Testing Library 进行单元测试、组件测试和集成测试，提供配置指南、最佳实践和代码示例，适用于前端开发、移动开发和测试领域，关键词包括 React Native、Web 测试、Jest、RNTL、组件测试、异步测试、模拟模块。

React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。

Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。

提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。

这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码，覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发，与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词：TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。

本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用（SPA）。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面，适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发，关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。

UI组件迁移器是一款用于在不同前端框架（如React、Vue、Angular）之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移，支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器，实现高效、准确的框架迁移，减少手动重构工作量，提升前端项目现代化升级效率。