The rapid appearance of large language models (LLMs) has led to systems that turn natural-language intent into real user interfaces (UIs). Free-form code generation maximizes expressiveness but often hurts reliability, security, and design-system compliance. In contrast, fully static UIs are easy to govern but lack adaptability. We present the Portal UX Agent, a practical middle way that makes bounded generation work: an LLM plans the UI at a high level, and a deterministic renderer assembles the final interface from a vetted set of components and layout templates. The agent maps intents to a typed composition-template and component specifications-constrained by a schema. This enables auditability, reuse, and safety while preserving flexibility. We also introduce a mixed-methods evaluation framework that combines automatic checks (coverage, property fidelity, layout, accessibility, performance) with an LLM-as-a-Judge rubric to assess semantic alignment and visual polish. Experiments on multi-domain portal scenarios show that the Portal UX Agent reliably turns intent into coherent, usable UIs and performs well on compositionality and clarity. This work advances agentic UI design by combining model-driven representations, plug-and-play rendering, and structured evaluation, paving the way for controllable and trustworthy UI generation.
翻译:大型语言模型(LLMs)的迅速涌现催生了将自然语言意图转化为真实用户界面(UIs)的系统。自由形式的代码生成最大化表达能力,但常常损害可靠性、安全性和设计系统合规性。相比之下,完全静态的UI易于管理但缺乏适应性。我们提出了Portal UX Agent,一种实用的中间路径,使有界生成得以实现:LLM在高层级规划UI,而确定性渲染器则从经过审核的组件和布局模板集合中组装最终界面。该代理将意图映射到受模式约束的类型化组合模板和组件规范。这实现了可审计性、可重用性和安全性,同时保留了灵活性。我们还引入了一种混合方法评估框架,结合了自动检查(覆盖率、属性保真度、布局、可访问性、性能)与LLM作为评判者的评估标准,以评估语义对齐和视觉完善度。在多领域门户场景上的实验表明,Portal UX Agent能够可靠地将意图转化为连贯、可用的UI,并在组合性和清晰度方面表现良好。这项工作通过结合模型驱动的表示、即插即用渲染和结构化评估,推进了代理式UI设计,为可控且可信的UI生成铺平了道路。