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

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

这个技能是关于使用Zustand进行React状态管理的存储模式，用于优化应用性能和组织代码结构，包括存储定义、选择器、动作分离、性能优化等。关键词：Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。

这项技能涉及对网站图像进行优化，以减少文件大小而不牺牲质量，包括压缩、使用现代格式和响应式技术，以加快加载速度，提升网站性能和用户体验。

前端设计系统技能专注于通过系统化的方法构建和维护一致、可扩展的用户界面组件，包括设计令牌、组件模式、布局系统和状态管理等核心部分，以提高前端开发效率和代码质量。关键词：前端开发，设计系统，UI组件，一致性，可维护性，组件库，React，TypeScript，SEO优化。

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

Web性能优化是一种技能，专注于提升网页应用的加载速度、用户体验和SEO表现，通过代码分割减少初始包大小，懒加载延迟非关键资源，缓存策略如服务工作者提高重复访问性能，以及监控Core Web Vitals指标（如LCP、INP、CLS）来确保性能达标。关键词：Web性能、代码分割、懒加载、缓存、Core Web Vitals、前端优化、性能监控、SEO优化。

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

移动优先设计是一种前端开发技能，专注于从移动设备开始构建响应式网站界面，通过CSS媒体查询定义断点，使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。

这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。

设计实现审查员是一种技能，专门用于验证前端UI实现是否与Figma设计规范匹配，通过视觉对比、系统审查和反馈提供，确保像素完美的设计一致性和用户体验优化。关键词：UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。

这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。