Text-to-UI

来源： wiki/sources/agent-2026-06-skills-clis-mcp、wiki/sources/tools-2026-06-ai-video-models
相关概念： wiki/concepts/design-to-code、wiki/concepts/agentic-coding、wiki/concepts/ai-native-architecture

Text-to-UI 是指通过自然语言描述直接生成可用界面（UI）及其前端代码的技术范式，是 Agentic Coding 的高频子场景。

要点

• 当前主流路线：LLM 生成设计 token → 渲染引擎（如 Stitch、Vercel v0）转为 React/Vue 组件
• 关键瓶颈在于设计一致性约束（Design System）与交互状态管理的准确性
• 与 Text-to-Image 不同，UI 需要满足可用性（Usability）和可访问性（A11y）标准

与 OpenClaw 的关系

OpenClaw 的 canvas / hyperframes 技能可以承载 Text-to-UI 的输出，把 Agent 对话流直接转化为可交互的 web 面板。