关于生成式UI工具实现与探索

2026-04-29 10:054阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

作为前端开发,一直在研究AI生成式UI工具的开发和实践,现在已经基本成熟可生产,现在的基本通用的思路是:

  1. UI生成system系统提示词;
  2. AI调用design system【类似 UI UX Pro Max skill的工具】;
  3. 调用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工具的开发和实践,现在已经基本成熟可生产,现在的基本通用的思路是:

  1. UI生成system系统提示词;
  2. AI调用design system【类似 UI UX Pro Max skill的工具】;
  3. 调用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 不到位、视觉令牌漂移等问题。

阅读全文
标签:人工智能