tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。

React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能，包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成，以及前端 React 表单开发。关键词：Bknd、用户注册、身份验证、配置、SDK、API、React。

这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。

这个技能提供了一套用于React/Next.js的UI组件，用于管理和显示工具调用的生命周期状态，包括待定、运行、批准、成功和错误。它支持人机交互批准流程、进度指示器、结果显示和工具图标自动匹配，适用于AI代理工具调用、前端开发中的工具生命周期管理。关键词：React、Next.js、UI组件、工具调用、生命周期、批准流程、前端开发、AI智能体、人机交互。

这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。

Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南，包含57条规则，按优先级分类。适用于编写、审查、重构React/Next.js代码时，确保最佳性能模式，涉及组件、页面、数据获取、包优化和性能改进，帮助提升应用速度、减少加载时间，优化用户体验。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。

本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。

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

本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。

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

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