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

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

这个技能用于审计基于MultiversX区块链的去中心化应用（dApp）的前端安全，专注于检测钱包集成、交易处理、XSS和数据暴露等漏洞。适用于使用@multiversx/sdk-dapp的React/TypeScript项目。关键词：MultiversX, dApp, 安全审计, 前端安全, 区块链安全, 钱包安全, 交易安全, XSS预防。

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

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

这个技能用于快速构建AI聊天界面和代理式用户界面，基于React/Next.js组件，支持实时流式传输、工具生命周期管理、人机审批流程和声明式UI生成。适用于开发智能助手、SaaS副驾驶和AI应用前端。关键词：AI代理，React组件，前端开发，人机交互，工具管理，流式传输，代理界面。

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。

这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。

Portfolio Buddy 2 是一个基于 React 19 和 TypeScript 构建的投资组合分析工具，专为量化金融和证券投资领域设计。核心功能包括：交易策略回测与比较、多资产相关性分析（斯皮尔曼/皮尔逊）、风险绩效指标计算（夏普比率、索提诺比率、最大回撤）、CSV数据导入与可视化、期货合约乘数调整以及日期范围筛选分析。关键词：量化交易，投资组合分析，风险指标，策略回测，数据可视化，React开发，TypeScript，期货交易。

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

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

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