ardot-mobile-app-multi-screen:一次画完一整套 iPhone App 屏幕

前言

画一整套 App 页面时,常见的做法是打开画布工具,一屏一屏地起。每屏都得重新设定 iPhone 尺寸、手动对齐状态栏、再单独摆一遍底部标签栏;色彩也会因为每屏单独取色而慢慢飘开。等到要改点缀色,就要逐屏回去找。下面介绍的 Skill 就是针对这个重复劳动和风格漂移问题的:它把一整套移动端屏幕作为一次任务产出,并把尺寸、状态栏、底部胶囊标签栏和单一点缀色统一起来。

这是什么

ardot-mobile-app-multi-screen 是一个面向 Ardot 画布的 Skill,用来一次产出多个移动端 App 屏幕(首页、列表、详情、编辑、微信打通等),用于回答「怎么一次画一整套 App 页面」「多屏风格怎么统一」这类问题。

它以通用 SKILL.md 格式发布,由 MedXpert-2655 发布在 SkillHub,坐标为 @medxpert/ardot-mobile-app-multi-screen,版本 1.0.0,来源 enterprise,分类 design-media,标签 requires_api_key=true。SkillHub 页面显示评分 100000,下载 286 次。

核心功能

根据官方页面介绍,它统一了一套移动端屏幕的视觉基线:

  • iPhone 尺寸:各屏画布尺寸统一
  • 状态栏:各屏顶部状态栏一致
  • 底部胶囊标签栏:各屏底部导航使用同一种胶囊样式
  • 单一点缀色:整套页面只用一个点缀色,避免逐屏取色导致风格漂移

屏幕类型覆盖首页、列表、详情、编辑,以及第三方打通(如微信打通)。需要说明的是,官方简介没有列出它支持的具体屏幕数量上限,也没有给出第三方打通的接口清单。

安装与启用

官方页面提供 SkillHub 地址:

https://www.skillhub.cn/skills/medxpert/ardot-mobile-app-multi-screen

源码与说明统一指向该页面。已抓取的资料中没有给出命令行安装命令、目录路径或配置文件字段,因此这里不补写推测内容。可以确认的是,它按通用 SKILL.md 格式组织,标签 requires_api_key=true,说明运行需要 API key。

典型用法

官方简介给出的用法是:把「一次产出一整套移动端 App 屏幕」作为一次任务交给 Skill,让它按统一尺寸和统一样式在 Ardot 画布上生成多屏,而不是逐屏手动摆。例如同时产出首页、列表、详情、编辑四屏,并让底部胶囊标签栏在各屏保持一致。

资料里没有提供可复现的完整调用示例或参数说明,所以这里只描述到这一层。

适用场景与注意

适合这类需求:需要一套风格统一的移动端 App 页面做原型或展示,且希望尺寸、状态栏、底部标签栏和点缀色一次对齐。

需要注意的限制:

  1. 它是 Ardot 画布上的 Skill,用途限定在画布产出页面,不涉及后端接口联调
  2. 官方简介提到的第三方打通只有「微信打通」一个例子,未说明支持哪些平台
  3. 需要 API key(标签 requires_api_key=true)
  4. 已抓取的页面没有给出版本历史和更新时间,资料里只有版本 1.0.0

结尾

这个 Skill 的价值在于把「一整套 App 页面」从多屏手动操作收敛成一次产出,并顺手解决了多屏风格统一这个更常见的坑。如果你的场景是 iPhone 尺寸的移动端 App 页面、且需要在多屏之间保持同一套状态栏、底部标签栏和点缀色,可以先从官方页面看它的实际产出再决定是否采用。

官方地址:https://api.skillhub.cn/user_8a3569c1/ardot-mobile-app-multi-screen

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye