App Three-Screen Skeleton
The classic three-screen app skeleton: tab bar shell, list home, content detail.
iOSAndroidHarmonyOSContentFull screenFlow Version v1.0.0 · Framework targets:html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Bottom Tab Bar (Mobile) Prompt v1.0.0
- List Item Prompt v1.0.0
- Detail Hero Prompt v1.0.0
- Basic Card Prompt v1.0.0
Fill in the blanks to build your prompt
This prompt has no fill-in parameters — copy it as is, and replace the bracketed placeholders in the text.
Verification
Pending verification: this prompt has not been run against a live model yet; each one will be re-verified before launch.
Your assembled prompt
Original seven-part text
场景说明
移动 App 最常见的三屏:底部标签栏框架 + 列表首页 + 内容详情。
版式说明
全局框架:底部标签栏常驻 4 个入口。首页为列表(列表行 + 穿插卡片),点任意行进详情页:头图区在上、正文滚动、底部操作条吸底;返回保留列表滚动位置。
引用的组件提示词
mobile-tab-bar-promptv1.0.0list-item-promptv1.0.0detail-hero-promptv1.0.0card-basic-promptv1.0.0
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)