前端设计系统是一种系统化方法，用于构建一致、可维护的前端用户界面组件，通过设计令牌、组件模式、布局模式等提升开发效率和一致性，适用于React等前端框架，便于SEO搜索的关键词包括前端、设计系统、UI组件、React、设计令牌、组件库。

这个技能用于构建类型安全、基于文件的路由的React单页应用（SPA），集成TanStack Query，优化用于Cloudflare Workers部署，提高开发效率和代码质量。关键词包括：TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。

这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

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

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

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

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

Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能，减少客户端JavaScript负载，提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。

构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。

原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。

这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。

这个技能专注于使用 React Native 构建移动应用的用户界面组件，包括核心组件如 View、Text、Image，以及自定义组件和常见模式。适用于移动开发、前端开发，关键词包括 React Native、UI 组件、移动应用开发、组件库、前端技术。