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


