SuperAPI AI 工具集

interaction-design-patterns

设计与创作

查看项目

更新于 10-16 03:40

技能介绍

用途:在界面设计、UX流程构建、布局选择与导航决策时使用,提供可复用的设计判断与成熟工作流,而非临时建议。

主要能力:覆盖 Tidwell 的45+交互模式,分为行为(安全探索、即时满足、满意即可、习惯化、空间记忆、前瞻记忆等)、导航(Hub & Spoke、Escape Hatch、模态面板、深链接、面包屑、进度指示、Fat Menus)、布局(视觉框架、Center Stage、Grid of Equals、手风琴、可折叠面板、带标题分区)、操作(醒目完成按钮、预览、多级撤销、悬停工具、智能菜单项、可取消性)、数据展示(Datatips、Data Spotlight、动态查询、Small Multiples、Multi-Y Graph)以及 SaaS Web 应用模式(卡片与表格、骨架屏、空状态、渐进披露、AI UI、分页)。

使用方式:先阅读 SKILL.md,再按需加载 sections/ 目录下的深入文件(02-navigation.md、03-layout.md、04-actions.md、05-data.md、06-saas-web-app-patterns.md),按有序指引、检查清单和决策规则执行,避免只挑片段。需先收集项目上下文、约束与具体问题,并确认交付物类型(设计、代码、评审、迁移计划、审计或文档)。

适用场景:选择导航模型、设计页面布局与信息层级、规划操作流(撤销、预览、取消、确认)、展示复杂或交互数据、理解用户行为、避免 AI 通用化界面。可与 webapp-gui-design、jetpack-compose-ui、ux-psychology、cognitive-ux-framework、form-ux-design、lean-ux-validation 等技能配合。

限制:任务与该技能无关或只需简单答案时不应使用;默认不应加载全部参考文件,应采用渐进披露;示例不可直接复制,需检查适配性与失败模式。产出可包括实现指引、评审发现、架构决策、模板或生成物,并需明确假设、权衡与未解决缺口。证据产出示例为 docs/ux/tidwell-pattern-register.md。具体安装命令与收费信息暂未提供。