本技能专注于构建生产级的AI聊天界面，提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制（JWT/JWKS）、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词：AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。

使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。

Java SDK开发专家技能专注于为企业级应用设计和构建高质量、可维护的Java软件开发工具包。核心能力包括采用构建器模式设计SDK架构，实现响应式与同步客户端，配置Maven/Gradle构建与发布流程，确保对Java 11+的兼容性，并集成SLF4J日志、JUnit测试等企业级标准。关键词：Java SDK开发，企业级Java，构建器模式，响应式编程，Maven Central发布，API设计，Gradle构建，Project Reactor。

Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南，包含 45 条规则，覆盖 8 个优化类别，旨在提升应用性能。

组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。

此技能实现了全面的用户反馈和通知系统，用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理，包括toast通知、模态对话框、进度指示器等。关键词：反馈系统、通知、用户界面、前端开发、React、可访问性。

此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。

React Native 专家技能专注于使用 React Native 新架构（Fabric/TurboModules）、JSI 和 Expo 构建高性能跨平台移动应用。核心能力包括原生模块开发、性能优化、架构迁移、Expo 工作流配置以及复杂原生 SDK 集成。关键词：React Native，新架构，Fabric，TurboModules，JSI，Expo，原生模块，性能优化，跨平台开发，移动应用开发。

Context7高效文档获取器是一个智能开发工具，通过shell管道过滤技术实现86.8%的令牌节省，专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架，提供智能过滤、代码示例提取和API签名识别功能，帮助开发者高效学习和使用各种开发库。

AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。

这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成，提供项目结构、组件模板、测试和配置的最佳实践，关键词包括：原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。

Tamagui跨平台UI框架高级开发指南，涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发，提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。