SuperAPI AI 工具集

canon-states

设计与创作

查看项目

更新于 10-16 09:54

技能介绍

用途:该技能用于设计和审查界面中除“正常路径”外的各种状态,包括初始/加载、空、错误、成功、骨架屏、离线、权限等,避免产品只实现一两种状态。

主要能力:给出四类必需状态(加载、空、错误、已填充)的清单;按等待时间划分加载策略(0–400ms 不显示、400ms–1s 旋转指示、1s–10s 骨架屏或确定进度、超过 10s 进度加状态与剩余估算);提供骨架屏 CSS(.skeleton 与 skeleton-shimmer 动画,含 prefers-reduced-motion 处理);旋转指示的延迟、转速、尺寸规则;确定与不确定进度条的用法;三种空状态(首次、用户清空、筛选无结果)的结构;错误分类、结构与语气;成功提示、Undo 模式;离线、权限状态;加载内嵌于已加载页面的处理;反模式清单;决策树与审查清单。

使用方式:按检查清单审查每个列表、表格、仪表盘是否实现四状态;空状态需包含标题、说明与主操作;错误状态需提供恢复操作;加载延迟 400ms 以避免闪烁;骨架形状需匹配内容;筛选或搜索无结果必须提供清除选项。

适用场景:列表、表格、仪表盘、信息流等数据驱动界面,以及按钮、表单、弹窗等交互组件。

限制:资料未提供安装命令、收费、价格、平台或授权信息,暂未提供。