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

Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。

这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。

技术栈检测技能自动识别项目中的技术框架（如React、Vue）、包管理器和配置模式，适用于项目启动、依赖分析、框架指导，帮助开发人员快速理解架构并优化开发流程。关键词：技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

这个技能提供Effect-TS库的全面最佳实践指南，涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理，帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词：Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。

这个技能专注于优化React Native移动应用的性能，通过FlatList优化、组件记忆化、图像优化、包大小减少和性能分析等技术，提升应用运行效率和用户体验。关键词：React Native，性能优化，FlatList，记忆化，图像优化，包大小，性能分析，移动开发。

tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。

前端开发模式汇总，包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。

Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。

React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。

Remix Cache 是一个为 Remix 应用程序设计的类型安全、基于 Redis 的缓存库，支持 SSE 实时失效、过期-同时-再验证、模式匹配和自动 React 再验证。它适用于需要在 Remix 应用中实现缓存策略、处理缓存失效、进行实时数据同步的场景。

React Native中复杂多步骤操作的实现指南，包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。