短视频类 App

我想开发一个 {短视频类型的 App}，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：

用户体验分析：
- 先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。
- 进行用户调研，了解目标用户的需求与痛点。
- 对竞品进行分析，研究其他类似类型的 App（如 {短视频类型的 App}）功能和设计的优缺点。

产品界面规划：
- 作为产品经理，定义关键界面，确保信息架构合理。
- 根据功能优先级定义 MVP（最小可行产品）的核心功能，确保重要功能优先实现。
- 制定迭代计划，确保开发进度可控，并逐步实现其他功能。

高保真 UI 设计：
- 作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，确保视觉体验良好。
- 构建设计系统，规范颜色、字体、按钮等元素的样式。提供详细的风格指南，确保界面元素一致性。

HTML 原型实现：
- 使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他 UI 组件）让界面更加精美，接近真实 App 设计。
- 将每个界面作为独立 HTML 文件（如 home.html、profile.html、settings.html 等），并通过 iframe 嵌入到 index.html，便于整体展示，将所有页面直接平铺展示在 index 页面中

真实感增强：
- 界面尺寸应模拟 iPhone 15，圆角化，使其更像真实的手机界面。
- 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。
- 添加顶部状态栏（模拟 iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 Tab Bar）。

交互设计与动画效果：
- 展示主要交互逻辑（如页面切换、按钮点击、滑动列表等）。
- 在原型中加入简化的动画效果，帮助更好地传达交互体验。

无障碍设计：
- 确保 UI 元素有足够的对比度，文本可放大，按钮和链接可用屏幕阅读器识别。
- 确保键盘和触控支持良好，交互体验流畅自然。

请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。