mcpField
M
mobile-app

mobile-app

github.com/nexu-io设计与 UI9.3k39 次安装2 周前更新
代码仓库

关于 mobile-app

用于设计置于 iPhone 15 Pro 画框中的单屏移动应用界面。模板涵盖状态栏、应用标题区、主要内容和底部标签栏,并要求体现灵动岛与安全区域留白。

主要功能

  1. 01iPhone 15 Pro 画框
  2. 02状态栏与应用标题区
  3. 03Feed、列表、详情或表单布局
  4. 04四至五项底部标签栏
  5. 05灵动岛与安全区域留白

适用场景

  1. 01设计单屏移动应用界面
  2. 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

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

【模板: 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