该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。

这个技能帮助开发者在Tauri应用开发中应用安全最佳实践，包括IPC安全、输入验证、HTTPS通信、认证授权和API暴露控制，以提升应用的安全性和合规性。关键词：Tauri安全、IPC安全、输入验证、HTTPS、认证、API安全、前端安全。

Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能，包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化，提高应用性能和可维护性。关键词：Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件

此技能专注于创建高质量、独特的前端界面设计，避免通用AI美学。应用于网站、应用开发，注重创意、细节和代码质量，关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。

此技能专注于在Shopify电子商务平台上构建应用、扩展和主题，涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词：Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。

用户流程图生成器是一款基于Mermaid.js等工具的自动化图表生成技能，主要用于创建用户旅程图、流程图和站点导航图。它能够将复杂的用户交互路径和应用程序流程可视化，支持多种导出格式（SVG、PNG、PDF），并提供流程完整性验证、死循环检测和统计数据分析功能。关键词：用户流程图，Mermaid图表，流程图生成，用户旅程映射，信息架构可视化，站点地图，交互设计工具。

该技能专注于网站数据分析的实施与配置，核心功能包括Google Analytics 4 (GA4) 的部署、事件追踪代码的植入、标签管理系统的搭建以及自定义事件的创建。它帮助用户收集网站流量、用户行为及转化数据，确保数据采集符合隐私法规，为网站优化、营销效果评估和用户体验提升提供数据支持。关键词：网站分析、GA4、事件跟踪、标签管理、数据采集、隐私合规、转化跟踪。

这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。

WP区块主题技能专注于WordPress区块主题的开发、配置与调试。核心内容包括theme.json全局设置与样式管理、模板与模板部件创建、模式注册、样式变体应用，以及解决站点编辑器中的样式覆盖、缓存等常见问题。适用于WordPress开发者、主题设计师进行现代区块主题开发与维护。关键词：WordPress区块主题，theme.json配置，模板开发，样式变体，站点编辑器调试，WordPress主题开发。

Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。

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