关于生成式UI工具实现与探索
- 内容介绍
- 文章标签
- 相关推荐
问题描述:
作为前端开发,一直在研究AI生成式UI工具的开发和实践,现在已经基本成熟可生产,现在的基本通用的思路是:
- UI生成system系统提示词;
- AI调用design system【类似 UI UX Pro Max skill的工具】;
- 调用assets图片资源工具(ai function call)匹配图片资源;
system prompt → user prompt => html
以下是直出的效果:
zhichu-11920×1111 231 KB
zhichu-32268×1183 155 KB
最近想到一个思路,就是扩展一个plan规划模式:
根据user prompt生成页面规划,拆解成页面结构,经过评审,再生成html,避免"直接让AI写整页 HTML"时常见的信息架构混乱、copy 不到位、视觉令牌漂移等问题。
问题描述:
作为前端开发,一直在研究AI生成式UI工具的开发和实践,现在已经基本成熟可生产,现在的基本通用的思路是:
- UI生成system系统提示词;
- AI调用design system【类似 UI UX Pro Max skill的工具】;
- 调用assets图片资源工具(ai function call)匹配图片资源;
system prompt → user prompt => html
以下是直出的效果:
zhichu-11920×1111 231 KB
zhichu-32268×1183 155 KB
最近想到一个思路,就是扩展一个plan规划模式:
根据user prompt生成页面规划,拆解成页面结构,经过评审,再生成html,避免"直接让AI写整页 HTML"时常见的信息架构混乱、copy 不到位、视觉令牌漂移等问题。

