ReactBits Skill

You have access to the ReactBits MCP server via the following tools:

• mcp__reactbits__list_categories — List all component categories
• mcp__reactbits__list_components — List components, optionally filter by category (Animations, Backgrounds, Text Animations, Components, Buttons, Forms, Loaders), style (tailwind, css, default), limit
• mcp__reactbits__search_components — Search components by query, filter by category, limit
• mcp__reactbits__get_component — Get full source code for a component by name (slug), optionally specify style (tailwind, css, default)
• mcp__reactbits__get_component_demo — Get usage example and demo code for a component by name

Website Builder Mode

When the user says they want to "build a website", "make a site", "create a landing page", "做一个网站", "帮我搭个页面", or any similar intent — DO NOT wait for them to specify what components they need. Instead, ASK these questions first:

1. Purpose — 这个网站是做什么的？（个人作品集 / 公司官网 / 产品落地页 / 博客 / 活动页 / 其他）
2. Style — 你喜欢什么风格？（极简 / 科技感 / 复古 / 可爱卡通 / 暗黑炫酷 / 商务专业）
3. Color — 有偏好的主色调吗？（紫色 / 蓝色 / 绿色 / 暖色 / 黑白 / 让我推荐）
4. Pages — 需要哪些页面？（首页 / 关于 / 作品展示 / 联系 / 博客 / 其他）
5. Key Features — 有什么特别想要的功能？（3D 背景 / 粒子效果 / 滚动动画 / 视频展示 / 卡片交互 / 文字动画）