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

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

本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。

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

UI/UX设计智能工具，提供50+种风格、161种颜色调色板、57种字体搭配、161种产品类型、99条UX准则和25种图表类型，覆盖React Native等10个技术栈。适用于页面设计、组件创建、颜色系统、排版、动画、表单、导航、图表的规划、构建、审查、修复和优化。关键词：UI设计、UX设计、前端开发、移动端设计、颜色调色板、字体搭配、风格选择、React Native、设计系统、可访问性、交互设计。

Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

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

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

UI/UX Pro Max是一个全面的设计智能技能，专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型，支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性，提高设计效率和专业性。关键词：UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。

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

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