用于生成单文件 HTML 交互原型，展示页面变更、交互流程及前后端对比。支持用户在画布上直接批注反馈，辅助代码开发前的方案确认与实现后的回顾验证。
指引从beUI shadcn注册表选取并安装React动画组件，覆盖聊天、通知等场景。通过查询实时注册表获取精确安装路径，避免自定义实现，确保使用官方标准组件。
充当小型游戏工作室，将创意转化为可玩游戏。支持原型、完整构建和打磨模式，涵盖从概念验证到自动化测试及发布全流程，适配Web及主流引擎。
用于快速构建多个风格迥异的UI组件原型，通过可视化选择器对比不同设计方案。要求每个变体均符合高设计标准并具备完整交互，帮助用户直观筛选最佳方案，适用于前端界面探索与决策。
将创意转化为可点击的静态原型，通过浏览器模拟用户操作路径并录制视频及截图。支持本地预览、移动端适配检查，并在用户确认后发布至公开站点或创建草稿PR。
根据前端任务从精选列表中推荐最合适的UI库，涵盖组件、动画、图表等。需识别真实需求而非用户指定的库，检查已安装依赖并给出唯一推荐及安装建议。
提供Remotion视频创建的最佳实践，涵盖项目初始化、预览、帧检查及字幕、音频、FFmpeg等高级功能规则引用。
定义OpenBot配置页面的标准UI布局规范，统一使用PageShell、Item等组件，确保管理后台和设置页视觉一致性，适用于新增或修改路由页面及行元素。
用于创建主从结构HTML组件，实现侧边栏导航与多视图切换功能。指导加载资源、编写标记及遵循布局规则，适用于单文件内多视图切换场景。
为项目生成定制化的设计系统规则，指导AI编码代理在实现Figma设计时遵循团队规范、组件模式和架构决策，确保代码一致性与高质量。
为产品经理创建UI原型，支持ASCII线框图、独立HTML文件和实时框架原型三种保真度。通过读取需求文档和现有组件样式，使用真实数据生成可交互或交付的界面设计稿。
