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

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

这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。

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

Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。

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

在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。

本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。

ShadCN UI组件开发规范是一套针对React前端开发的标准化指南，专注于UI组件构建、无障碍访问（WCAG 2.1 AA）、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库（基于Radix UI原语）进行现代Web应用开发，包括组件安装模式、表单验证（React Hook Form + Zod）、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目，确保代码一致性、可维护性和卓越的用户体验。

这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI（模式A），包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词：游戏开发、UI设计、React组件、CSS Grid布局。

Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。

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