这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。

这个技能专注于在Next.js应用中集成Supabase身份验证，提供安全、高效的认证解决方案，包括客户端设置、中间件保护、回调处理等，适用于构建需要用户登录和权限控制的Web应用。关键词：Next.js, Supabase, 身份验证, 认证, 中间件, 路由保护, App Router。

这个技能用于创建和维护可扩展的UI设计系统工具包，通过设计令牌生成、组件架构、响应式设计计算等功能，提高前端开发效率、确保视觉一致性，并促进设计-开发团队协作。关键词：UI设计系统、设计令牌、组件文档、响应式设计、可访问性、开发者交接、前端开发工具、设计系统构建。

设计令牌转换器是一个专业工具，用于跨平台统一转换设计系统令牌。支持W3C标准格式解析，自动生成CSS、SCSS、JavaScript、TypeScript、iOS Swift、Android XML等多种代码格式，处理令牌别名引用和主题继承，生成完整设计文档。关键词：设计系统、设计令牌、CSS变量、SCSS变量、跨平台开发、设计一致性、前端开发、移动开发、UI组件库、设计规范。

内存优化是通过分析和优化应用程序的内存使用，识别内存泄漏，减少内存占用，提高效率，从而提升应用性能和可靠性的技能。关键词包括：内存分析、内存泄漏检测、优化技术、监控目标。

渐进式网页应用是一种结合了网页和移动应用特性的技术，它支持离线工作、可被安装到主屏幕、并通过推送通知与用户互动。关键词包括：离线支持、安装性、推送通知、服务工作线程、Web应用清单。

利用Supabase和Drizzle ORM构建Next.js应用，实现认证、数据库查询和实时数据更新。

此技能用于设置和部署Nuxt Studio，这是一个为Nuxt Content网站提供的免费开源可视化内容编辑器。它支持多种编辑器类型（如Monaco代码编辑器、TipTap可视化编辑器）、OAuth认证（GitHub/GitLab/Google）和基于Git的内容管理，可轻松配置子域名（如studio.domain.com）并部署到Cloudflare等平台。关键词：Nuxt Studio, Nuxt Content, 可视化编辑器, OAuth认证, Cloudflare部署, 内容管理, CMS, 前端开发

此技能用于优化复古风格的动画性能，特别针对像素艺术、游戏UI效果和类似界面，通过使用CSS变换、GPU加速、步进动画等技术，确保动画流畅渲染和高效性能。关键词：动画优化、像素艺术、游戏UI、硬件加速、CSS、加载状态、条件动画、前端开发。

这个技能提供了Makepad动画系统的全面指南，专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线，适用于前端GUI开发。关键词：Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机

此技能专为使用p5.js创建算法艺术而设计，涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发，允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词：算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。

此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。