本技能提供React+Vite应用程序与Bodhi JS SDK的完整集成方案，实现本地大语言模型聊天功能。包含OAuth身份验证、流式响应处理、GitHub Pages部署配置和故障排除指南。适用于前端开发者集成AI聊天功能、React应用添加LLM能力、Bodhi SDK连接配置等场景。关键词：React集成、Bodhi SDK、本地LLM、OAuth认证、流式聊天、GitHub Pages部署、前端AI应用、聊天机器人开发。

使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。

该技能是用于创建复杂的 Claude.ai HTML 构件的前端开发工具套件，基于 React、Tailwind CSS 和 shadcn/ui 技术栈。它支持状态管理、路由和多组件构建，适用于需要高级前端功能的项目，提高开发效率和构件质量。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML 构件、Claude.ai、工具套件、状态管理、路由、前端技术。

这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。

这个技能用于在前端应用程序中设置和配置Bknd TypeScript SDK，包括Api类初始化、身份验证令牌管理、与React等框架集成，以及TypeScript类型注册。适用于开发人员连接Bknd后端服务，提升前端开发效率。关键词：Bknd SDK, 前端开发, 身份验证, React集成, TypeScript, 客户端配置。

这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。

此技能提供Expo React Native应用的全面性能优化指南，涵盖启动加速、列表虚拟化、重渲染控制、动画流畅度、图像加载等关键领域，帮助开发者提升应用流畅度和用户体验，关键词包括Expo、React Native、性能优化、移动开发、前端优化、代码重构、应用性能、SEO搜索。

这个技能将精益制造原则（如5 Whys根因分析、Ishikawa因果图、PDCA循环）应用到软件开发中，用于系统问题解决、代码审查、生产事件分析和质量改进。适用于TypeScript/React项目，帮助团队实现持续改进、错误预防和标准化工作，提升开发效率和代码质量。关键词：精益制造、持续改进、5 Whys、Ishikawa、PDCA、软件开发、问题解决、代码质量、TypeScript、React、DevOps、质量保证。

移动平台架构师是专注于移动应用开发架构的专家角色，提供跨平台和原生开发的全面指导，涵盖状态管理、导航、性能优化和设备功能集成等关键领域，适用于React Native、Flutter、iOS和Android平台。关键词：移动开发、架构师、跨平台、React Native、Flutter、性能优化、状态管理、导航、原生集成。

Thesys 生成式UI 是一个AI驱动的工具，允许开发者使用自然语言描述快速生成React组件。它结合模式驱动和大型语言模型，实现智能UI设计，适用于前端开发、低代码场景和AI应用。关键词：AI、生成式UI、React、自然语言处理、前端开发、低代码、Thesys。

本技能专注于使用React Native和Flutter进行跨平台移动应用开发，涵盖导航、状态管理和响应式设计等核心模式。适用于构建高效、可扩展的移动应用，提升开发效率和用户体验。关键词：移动开发, React Native, Flutter, 导航, 状态管理, 响应式设计, 跨平台应用, 性能优化, 用户体验

这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。