本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果（如淡入淡出、列表动画、页面过渡、悬停交互和加载动画）的完整代码示例。适用于希望为 React 应用（特别是 Next.js）添加流畅、现代化交互动效的前端开发者，关键词包括：ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。

这个技能提供了使用 React Testing Library 进行 React 组件测试的全面指南。它包含多个最佳实践规则，帮助开发者编写可维护、用户中心的测试，覆盖查询选择、异步处理、用户交互等关键方面。适用于前端开发中的测试工作，提升代码质量和用户体验。关键词：React Testing Library, 测试, 最佳实践, 组件测试, 前端开发。

这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。

Vue组合式API是Vue 3框架的核心功能，用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性，支持更好的代码组织、逻辑复用和TypeScript集成，适用于现代Vue开发，提高开发效率和代码质量。关键词：Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。

提示工程是一门专注于设计和优化大型语言模型（LLM）提示词的技能，旨在提升AI助手的响应质量、效率和应用效果。它涵盖零样本提示、少样本提示、思维链（CoT）、ReAct等多种技术，适用于自然语言处理、代码生成、内容创作、AI应用开发等领域，帮助用户更有效地与AI系统交互。关键词：提示工程、LLM、AI提示、优化技巧、最佳实践、自然语言处理、AI助手、提示设计。

这个技能用于创建React Native应用中的原生模块，帮助开发者桥接JavaScript和原生代码（iOS和Android），实现集成原生SDK、优化性能关键代码或访问平台特定API。关键词包括React Native、原生模块、桥接、iOS、Android、Turbo Module、移动开发、前端开发、性能优化、跨平台开发。

这个技能提供了shadcn/ui组件库的全面最佳实践指南，覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理，适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词：shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。

这个技能是针对 Vercel AI SDK v5 的专家级能力，专注于处理流式架构、模型集成、工具调用、React 钩子、状态管理、边缘运行时优化和 AI 应用生产模式。适用于主动解决 AI SDK 实现中的问题，如流处理错误、提供商集成、工具调用顺序等，并能检测项目环境并适应策略。关键词：Vercel AI SDK、AI 应用开发、流处理、模型集成、工具调用、边缘计算。

此技能提供Jest测试框架的全面指导，帮助用户编写和管理JavaScript/TypeScript测试，包括单元测试、集成测试、模拟函数、异步测试、快照测试和项目配置。适用于前端和后端开发中的测试需求，提高代码质量和测试效率。关键词：Jest, 测试, 单元测试, 集成测试, Mock, 快照, 匹配器, 异步测试, 覆盖率, CLI, 配置, TypeScript, React, Vue。