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

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

该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。

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

这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化（Glassmorphism）UI设计风格，通过5步标准化流程（分析→映射→脚手架→实现→验证）确保代码质量。关键词：HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成

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

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

这个技能提供了移动应用开发的全套参考指南，涵盖iOS、Android和跨平台开发的技术选型、架构模式、性能优化、测试部署等核心内容。关键词：移动开发、iOS开发、Android开发、Swift、Kotlin、React Native、Flutter、跨平台、架构设计、性能优化、CI/CD、应用商店发布。

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

Web3前端开发模式是用于构建去中心化应用(dApp)前端界面的最佳实践集合。该技能涵盖钱包连接集成（EVM和Solana生态）、交易状态管理、大数字显示格式化、区块链错误信息翻译、链切换用户体验优化以及域名解析等功能实现。关键词：Web3前端、dApp开发、钱包连接、区块链交易、用户体验优化、Ethereum、Solana、React、TypeScript、智能合约交互。

这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码，避免通用AI设计风格，强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词：前端设计，UI设计，网页开发，创意界面，生产级代码，独特美学，避免AI通用设计，React组件，CSS动画，用户体验设计。

本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型（简单评论编辑器或功能齐全的文档编辑器）到具体实现步骤的全过程。关键词包括：Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。