这个技能提供了Chrome浏览器扩展的用户体验和用户界面设计的最佳实践指南，涵盖组件选择、可访问性、弹出窗口、侧边栏、内容脚本UI等关键方面，优化Manifest V3兼容性，旨在帮助开发者创建高效、易用且符合规范的扩展。关键词：Chrome扩展、UX/UI设计、最佳实践、前端开发、浏览器扩展、Manifest V3、设计指南。

该技能旨在提供一套系统化的UI/UX设计与优化运营流程及检查清单，帮助团队高效、一致地进行用户界面与用户体验的设计、评审与迭代。关键词：UI设计，UX设计，用户体验，用户界面，设计系统，交互设计，可访问性，响应式设计，设计流程，检查清单。

此技能用于快速创建和初始化uni-app项目，通过一键命令或HBuilderX工具，支持Vue 2/Vue 3模板选择、配置文件设置和项目结构生成，适用于前端开发和移动应用开发场景。关键词：uni-app、项目创建、CLI、HBuilderX、Vue、快速启动、项目初始化、模板选择。

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

这个技能专注于TypeScript库的高质量开发，提供从项目初始化到发布的完整指南，包括双格式支持、构建工具配置、API设计模式和测试策略。关键词：TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。

本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。

该技能是一个前端开发工具套件，专门用于为Claude.ai创建复杂、多组件的HTML神器，采用React、Tailwind CSS和shadcn/ui等现代技术，支持状态管理和路由，适用于构建高级前端项目。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML神器，Claude.ai。

无障碍专家技能专注于确保网站和应用程序对所有用户可访问，包括残障人士。它涉及WCAG标准合规、ARIA属性实现、屏幕阅读器优化、键盘导航测试等。关键词：Web可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍测试。

React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

该技能专门用于构建Telegram迷你应用（TWA），这是一种在Telegram内运行的Web应用，提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等，适用于开发游戏、DeFi应用、工具和社交应用。关键词：Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。

这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。