SuperAPI AI 工具集

page-solution-design

设计与创作

查看项目

更新于 10-16 09:31

技能介绍

用途:与用户一起敲定一个前端页面的整页方案,产出给 PRD、开发使用的事实源,视觉件只是附件,最终交付一个定稿包文件夹。触发场景是用户对某页面说想重做、重新设计、整页不对、太满、说不清具体改哪,或提出讨论这页怎么设计。

主要能力:采用三层法,①问题层回答打开这页确认什么、确认完做什么、给谁、多久一次,产物为一句话任务加含/不含清单;②布局层回答含哪几样、先看什么、怎么排、怎么交互,产物为内容清单与结构草图;③样式层回答长什么样,产物为高保真、对比板、状态清单、全状态板与交互流程图。三层有依赖顺序,用户说说不出来或差点什么时退层处理。

使用方式:第0步触发时先问四个问题不动图;第1步写一句话任务与含/不含清单并标来源;第2步压缩内容并出3至5版灰框草图;第3步对单点问题出单变量对比板;第4步按真实窗口画高保真;第5步列状态清单并出全状态板;第5b步画交互流程图;第6步做语义三问;第7步沉淀为定稿包。交付前用 playwright 截图自查,并跑 scripts/check-layout.js。

适用场景:产品经理与设计搭档协作确定页面逻辑,覆盖新页面与已有页面重做。

限制:好不好看不是验收标准,这页对用户有没有用才是;AI 主动加的元素要打标;常驻位置只放数据或控件;给推荐不列菜单。资料未提供具体收费、价格与平台信息。