用途：该技能面向使用 ReactBits.dev 动画组件的开发场景，让用户能够搜索、浏览并把组件源码集成到自己的 React 项目中，用于添加 UI 特效、动画、背景、文字动画、按钮、表单、加载动画等。
主要能力（通过 ReactBits MCP 服务器工具）：
- mcp__reactbits__list_categories：列出所有组件分类。
- mcp__reactbits__list_components：列出组件，可按分类（Animations、Backgrounds、Text Animations、Components、Buttons、Forms、Loaders）、风格（tailwind、css、default）和数量限制过滤。
- mcp__reactbits__search_components：按关键词搜索组件，可加分类过滤和数量限制。
- mcp__reactbits__get_component：按名称（slug）获取组件完整源码，可指定风格。
- mcp__reactbits__get_component_demo：按名称获取组件的使用示例和演示代码。
建站模式：当用户表达“做一个网站”“搭个页面”等意图时，先询问用途、风格、主色调、需要的页面、特别想要的功能，再搜索匹配组件、推荐 3-5 个并说明，确认后逐个安装集成。
集成流程：按用户偏好的风格获取组件源码；获取演示代码了解用法；检查组件元数据中的依赖（如 framer-motion、GSAP、Three.js 等）并安装缺失项；把组件文件写入项目的 components/ 目录；如 hasCSS 为 true 则创建对应 CSS 文件；在相应页面或区域导入使用。
风格选择：应询问用户偏好——Tailwind（该项目推荐，使用 Tailwind CSS 类）、CSS（独立 CSS 模块），并始终使用 TypeScript 变体。
分类参考：Text Animations 23 个（BlurText、ShinyText、SplitText、ShuffleText、CircularText 等）；Animations 27 个（ClickSpark、BlobCursor、FadeContent、Crosshair、Cubes 等）；Components 35 个（Stack、FlowingMenu、GooeyNav、BounceCards、CircularGallery 等）；Backgrounds 35 个（Dither、ColorBends、GridScan、PixelSnow、LiquidEther 等）；Buttons、Forms、Loaders 为各类动画按钮、动画表单元素和加载动画，具体数量暂未提供。
限制：资料未提供收费、价格、平台支持范围或实际效果保证等信息；组件数量与分类以资料所列为准，其他细节暂未提供。