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