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