Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护，支持多语言、多版本、可搜索的文档体系构建。关键词：Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。

这个技能用于通过React/Remotion组件代码渲染视频，支持所有Remotion API，如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器，适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词：视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。

这个技能提供Vitest测试框架的全面指导，涵盖快速测试执行、Vite集成、组件测试、模拟和配置。适用于编写快速单元测试、测试Vue/React组件或在Vite项目中配置Vitest。关键词：Vitest, 测试框架, 单元测试, 组件测试, Vite, Jest兼容, 监视模式, HMR, TypeScript, ESM, 模拟, 快照, 覆盖率, 浏览器模式, 视觉回归测试。

Strands AI 代理 SDK 是一个开源的 AI 代理开发框架，支持模型无关的代理设计、ReAct 推理模式、多代理系统构建，并深度集成 AWS AgentCore。适用于开发生产级 AI 应用，如智能客服、自动化工作流和复杂决策系统。关键词：AI 代理、模型无关、ReAct、多代理、AWS、AgentCore、SDK、人工智能、开源框架。

该技能提供全栈搜索与过滤功能的实现方案，涵盖前端React/TypeScript组件和后端Python优化，适用于电商搜索、数据表过滤等场景，关键词：搜索、过滤、前端开发、后端开发、性能优化、可访问性、SEO、全栈开发。

原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。

LangChain ReAct 智能体技能是一种基于 LangChain 框架实现的 AI 智能体技术，专为构建能够进行推理与行动循环的智能系统而设计。该技能通过工具绑定和函数调用，使大语言模型能够执行复杂任务，如文件读写、代码执行和文本处理。核心功能包括：实现 ReAct 模式、配置工具集成、设计智能循环、处理记忆状态，并支持与 OpenAI、Anthropic 等主流模型集成。适用于开发自动化任务处理、智能助手、代码生成等 AI 应用场景。关键词：LangChain, ReAct 智能体, AI 智能体, 工具绑定, 函数调用, 推理循环, 大语言模型集成, 自动化任务, 智能助手开发。

反应器设计师技能是一款专为化学工程师打造的化学反应器设计工具，核心功能包括反应器类型选择（如CSTR、PFR、流化床）、尺寸计算、性能优化与预测。它基于动力学模型，帮助用户进行转化率与产率预测、停留时间分析、热量管理设计以及多配置方案对比，适用于新反应器设计、现有系统优化、放大工艺评估等场景，是化工过程开发与优化的关键工具。 关键词：化学反应器设计，反应器尺寸计算，化工过程优化，转化率预测，停留时间分布，热量管理，CSTR，PFR，流化床，化工放大

本技能详细讲解如何在React中实现高效、响应式的命令面板（Cmd+K/Ctrl+K），涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。

前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践，涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面，帮助开发者构建高性能、可维护的用户界面。关键词：前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。

这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。

这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。