关于 mobile-app
用于设计置于 iPhone 15 Pro 画框中的单屏移动应用界面。模板涵盖状态栏、应用标题区、主要内容和底部标签栏,并要求体现灵动岛与安全区域留白。
主要功能
- 01iPhone 15 Pro 画框
- 02状态栏与应用标题区
- 03Feed、列表、详情或表单布局
- 04四至五项底部标签栏
- 05灵动岛与安全区域留白
适用场景
- 01设计单屏移动应用界面
- 02制作 iPhone 15 Pro 场景稿
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill mobile-app安装后在 Claude Code 中输入/mobile-app确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: iPhone 单屏 App】 【意图】一个屏幕的 mobile app 设计, 放在像素级 iPhone 15 Pro frame 里。 【布局】
- Status bar (时间 + 电池 + 信号)
- App header (标题 / 头像 / 搜索)
- Main content (一个清晰的 archetype: feed / list / detail / form)
- Bottom tab bar (4-5 tab) 【设计细节】
- 真实的 dynamic island; safe-area 留白
评论
支持 Markdown