这个技能提供了一套精心策划的React动画组件，专门用于Remotion视频合成，帮助开发者创建具有美学价值的视觉特效和动画效果。关键词：React动画，Remotion视频，动画组件，视频特效，美学设计，前端开发。

此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发

这个技能用于优化前端React应用中的正则表达式使用，通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化，避免在每次渲染或函数调用时重复创建，从而提高性能并减少内存开销。关键词：React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。

这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。

OnchainKit是Coinbase提供的React组件库，用于快速构建生产就绪的链上应用程序，简化区块链开发，支持钱包连接、身份管理、代币交换等核心功能，无需复杂后端，适用于DApp开发、Web3应用和区块链项目。关键词：区块链开发、React组件、DApp、链上应用、Coinbase、Web3、智能合约。

前端开发技能专注于使用React等框架构建用户界面，实现响应式布局、状态管理和性能优化，以创建高性能、可访问的Web应用程序。关键词：前端开发、React、响应式设计、状态管理、性能优化、可访问性、Web开发。

零构建前端开发是一种前端技术，通过CDN直接加载React、Tailwind CSS等库，无需本地构建工具，适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词：零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。

性能优化技能专注于提高软件应用性能，通过代码分割、懒加载、缓存策略、包大小减少、渲染优化和性能分析等方法。用于改善页面加载时间、减少包大小、优化React渲染、实现代码分割、配置缓存策略、懒加载组件和路由、优化图像和资源、分析性能瓶颈、实现虚拟滚动、提升核心Web指标和Lighthouse分数。关键词：性能优化、代码分割、懒加载、缓存、React优化、Web性能、前端优化、后端优化、DevOps、监控。

这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。

本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。

提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式，避免样式冲突，构建可维护的设计系统。关键词：CSS Modules，作用域样式，模块化CSS，React样式，前端开发，组件样式，CSS变量，主题化。