SuperAPI AI 工具集

ux-prototyping

前端与建站

查看项目

更新于 10-15 16:46

技能介绍

用途:根据UX规格(默认读取 specs/architecture/ux.md 或用户指定路径)创建单文件HTML原型,用于验证用户流程、交互模式与信息架构,优先保证UX保真度而非视觉精致度。

主要能力:提取用户旅程、屏幕、状态与交互,生成包含全部屏幕与交互的单个HTML文件;涵盖主要与次要流程、错误恢复流程,以及空、加载、错误、成功、部分加载等屏幕状态;支持表单校验、按钮状态、屏幕导航、模态/浮层等交互。内置屏幕管理(基于 data-screen 的 showScreen)与简单状态对象(state / setState)两种模式,并提供基础样式变量与常用组件样式。

使用方式:先阅读UX规格,识别核心流程,再构建原型,最终以单个HTML文件输出,保存到 /mnt/user-data/outputs/prototype.html(或如 prototype-onboarding.html 的描述性名称)。

适用场景:需要快速验证交互逻辑与流程的UX原型、线框图或交互式mockup。

限制:不追求像素级样式、动画与品牌色;使用简洁默认样式。交付前需自查:规格中所有屏幕均已实现,主流程可端到端完成,空/错误/加载状态可见,导航正确,交互元素有反馈,移动端视口响应正常。是否收费、平台与安装命令等暂未提供。