用途:用户提交界面(代码、截图或两者),希望得到 5 个真正不同、而非仅换肤的重设计版本,并汇总在单个 HTML 页面中,通过标签页在 iframe 间切换。
主要流程:
- 分析并提问:读代码(组件、数据、交互、框架)或描述截图;随后一次提出 3 个问题——这是什么、哪些要保留或改掉、想要哪类变化(结构、密度、交互、美学、受众等),并等待用户回答。
- 可选调研:仅在用户要求或表示“随你发挥”时进行,用搜索提取设计语汇与方向,控制在 3–5 次抓取。
- 设计 5 个拟人化 personas:每个都是一个概念立场,命名鲜明、彼此不兼容,并各自定义布局范式、交互模型、信息密度、视觉语言、动效理念与受众框架。技能按界面类型给出候选方向(仪表盘、消费级应用、开发者工具、电商、游戏、表单流程等)。
- 生成 5 个版本:每个为完整自包含 HTML(内联 CSS/JS,仅可选 CDN 字体图标),要求真正可用、填入贴近场景的假数据、使用不同字体/配色/间距、尽量复用原逻辑,并自然填满浏览器视口。
- 组装输出:单 HTML 文件,固定顶栏含技能名、界面标题与 5 个标签(persona 名 + 一句设计哲学),下方一个 iframe,用 srcdoc 嵌入各版本以切换;标签栏本身也需精心设计。
- 交付:保存为 .html 文件,向用户说明 5 个 persona,并支持后续微调、组合、再生成 5 版或单独导出某版本。
限制:资料未提供具体安装命令、依赖版本、计费或平台信息;可选调研默认关闭,过程中需等待用户回答 3 个问题后再继续生成。