SuperAPI AI 工具集

wireframing

通用与其它

查看项目

更新于 10-16 01:09

技能介绍

用途:让智能体在纯文本环境中产出线框图,支持低、中、高三种保真度。低保真为区块布局与内容层级,中保真为带占位内容的组件定义,高保真为含真实内容、间距值与交互说明的像素级规格。线框以 ASCII/制表符布局或结构化组件规格呈现。

主要能力:每个线框包含组件清单、交互标注与响应式断点行为。工作流包括:明确屏幕与用途(目标平台、框架约束);定义组件清单(导航栏、卡片、表单、按钮、表格、弹窗、空状态、加载状态等,并注明内容需求与交互行为);创建低保真布局;提升至中保真;产出高保真规格(尺寸、间距、字体、颜色令牌、圆角、阴影、交互状态、校验规则、错误信息);记录响应式行为(移动<640px、平板640-1023px、桌面≥1024px,说明堆叠、折叠、隐藏或重排,移动端触控目标最小44x44px)。

使用方式:向智能体提供屏幕名称、用途、目标平台与所需保真度,并附现有设计系统令牌或组件库引用,即可获得带组件清单与交互标注的线框。

适用场景:网页分析仪表盘、移动端表单等界面规划。

限制:资料未提供具体安装命令、收费或价格信息;线框为文本形式,非图形设计文件。