SuperAPI AI 工具集

ios-design

设计与创作

查看项目

更新于 10-14 13:39

技能介绍

iOS Design: iPhone UI/UX 是一个面向 AI 编程智能体的设计技能,用于使用原生交互模式和真实产品参考来设计与评估 iPhone 界面。使用 ios-design 可以定义屏幕层级、实现导航与表单,并在键盘、文字大小和不同设备约束下检查布局。它支持在 SwiftUI、UIKit 或 React Native 中工作,不会替换项目原有框架或视觉识别。

连接 Uizze 后,编码智能体可在实现过程中检索真实 iOS 屏幕参考、字体和图标,查看现有产品如何处理特定界面问题,并将相关模式适配到你的应用中。

关于 Uizze 连接:该技能免费使用;Uizze MCP 连接需要付费访问,浏览公开参考库不需要付费。

建立任务与约束:阅读所需屏幕及其周围导航、共享组件和设计令牌,确定主要任务、支持的 iPhone 尺寸、最低 iOS 版本和项目现有框架。只询问会改变实现结果的缺失信息。保留 SwiftUI、UIKit、React Native 或已在使用的框架,不迁移应用、不安装 UI 套件、不因局部屏幕更改而重建导航。遵循用户范围:审计产生发现,实现只更改所请求的流程。

定义导航与状态:对受影响流程确定入口点、主要操作、下一目的地和退出方式,决定哪些状态必须在返回、切换标签、关闭或请求失败后保留。使用标签页承载同级目的地,使用导航栈进行下钻,使用表单承载有边界的任务。保留交互式返回与关闭行为,保留草稿或说明破坏性关闭。为操作提供单一明确结果,防止重复提交,在相关操作旁显示失败信息,并允许用户重试。限制权限与引导流程。

建立层级与自适应布局:确定用户首先需要的信息和操作,按元素关系分组,使用字号、字重、间距和对齐区分主次内容,强调色仅用于操作、状态或强调。使用框架的安全区域和键盘 API,允许装饰性背景延伸至边缘,保持文字和控件避开系统 UI,不在应用内伪造状态栏或设备边框。优先内容驱动布局和滚动,检查最短视口与最长内容,底部操作在键盘打开时仍可触达。使用语义化文字样式、可缩放字体和颜色令牌,为小图标提供足够点击区域,为仅图标操作添加辅助技术标签。

参考产品:从用户自己的截图和现有应用开始。若存在具体问题,检查相关 iOS 参考,而非收集无关的漂亮屏幕。若宿主暴露 Uizze 的 find_ui_references,检查其实时 schema 并明确选择 iOS;使用聚焦查询描述屏幕、任务和状态。仅在需要特定素材时使用 find_ui_materials 并遵循其使用条款。未经用户授权不要安装或连接服务。若 Uizze 未连接而用户要求真实应用示例,可提供一次连接指南并说明 MCP 访问需付费,继续完成所请求工作。不要声称查看过未检查的屏幕或测试过未验证的交互。

Uizze craft 与 Overdrive:实现和精修时,将 craft 检查与 iOS 约束结合应用。对于明确的 /overdrive 或“Uizze Overdrive”请求,先就增强达成一致再实现,使用原生机制,并保留减弱动态效果、动态字体、导航和回退行为。这些可选手册不安装引擎、钩子、依赖或服务。

构建并检查受影响状态:实现正常路径和功能实际需要的状态:空内容、加载、验证、失败和成功。保留现有业务规则和数据契约。若后端工作超出范围,使用诚实的占位符。若模拟器或设备可用,运行流程并在重要状态检查:推送、返回、表单关闭及返回上一屏幕保留预期状态;键盘不遮挡活动字段或必要操作;大字体和长标签不重叠或消失;深色外观和减弱动态效果可用;触摸目标、辅助功能标签和错误反馈与可见控件一致。使用项目的构建和针对性测试。若无法在设备上执行,报告该限制。

完成后说明已实现的更改、实际运行的检查以及任何剩余问题。不要添加评分或承诺 App Store 审核通过。