Skill6.7k estrellas del repoactualizado 11d ago

mobile-app

This Claude Code skill generates pixel-perfect iPhone 15 Pro mockups displaying single-screen mobile app designs. Use it when you need to present app interface concepts with authentic iOS elements including the Dynamic Island, status bar, safe area spacing, and standard navigation patterns like tab bars or headers within a realistic device frame.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/mobile-app && cp -r /tmp/mobile-app/next/src/lib/templates/skills/mobile-app ~/.claude/skills/mobile-app

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

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

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill