SQUIRE：通过插槽查询中间表示实现交互式 UI 创作

DOI

前端开发者创建 UI 原型以评估替代方案，这是一个耗时的重复迭代和完善过程。生成式 AI 代码助手通过聊天界面提示即可实现快速原型制作，无需编写代码。然而，尽管这种交互方式给予了开发者灵活性，因为他们可以编写任何想要的提示，但这使得控制生成内容变得困难。首先，单纯的自然语言可能有歧义，使开发者难以准确传达意图。其次，模型响应可能不可预测，需要开发者通过反复试错来调整提示以修复不期望的更改。为解决这些弱点，我们引入 SQUIRE，一个为引导式原型探索和完善而设计的系统。在 SQUIRE 中，开发者通过点击系统建议的不同替代方案来逐步构建 UI 组件树。额外的功能让开发者可以完善目标 UI 的外观。所有交互都被明确限定范围，并保证 UI 的哪些部分将被改变或不变。该系统由一种名为 SQUIREIR 的新型中间表示支持，具有用于受控探索和完善的语言支持。通过一项让 11 名前端开发者使用 SQUIRE 实现移动网页原型的用户研究，我们发现开发者能够有效地探索和迭代不同的 UI 替代方案，并感受到高度的控制感。开发者还对 SQUIRE 的可用性和总体满意度给予积极评价。我们的发现表明，通过将聊天与明确限定范围的功能相结合，代码生成在快速 UI 原型制作工具中具有受控的强大潜力。