/mobile-app

像素级 iPhone 15 Pro 边框, 一屏 app 截图

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill mobile-app --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/mobile-app

Context preview

The summary Claude sees to decide when to auto-load this skill.

像素级 iPhone 15 Pro 边框, 一屏 app 截图

SKILL.md

mobile-app.SKILL.md

name: mobile-app
zh_name: "iPhone App 单屏"
en_name: "Mobile App Screen"
emoji: "📲"
description: "像素级 iPhone 15 Pro 边框, 一屏 app 截图"
category: mobile
scenario: design
aspect_hint: "iPhone 15 Pro frame"
tags: ["mobile", "ios", "app", "phone"]

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

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML