ios-ux-prototype
✓使用真实的手机模型将交互式 iOS/移动应用程序 UX 流程原型创建为 HTML 文档。 在以下情况下使用：(1) 可视化用户旅程和导航流程，(2) 创建移动应用程序线框图， (3) 记录屏幕到屏幕的导航模式，(4) 展示带有注释的 iOS UI 设计， (5) 在实施之前对应用程序架构进行原型设计。生成独立的 HTML 文件 iOS 原生样式、电话框架、流程箭头和标注注释。
SKILL.md
Create interactive HTML prototypes showing mobile app user journeys with realistic iPhone mockups.
Note: The phone frame uses a notch-style bezel by default. To use Dynamic Island style instead, add the dynamic-island-style class to .phone-frame and include a element.
Badges: .app-badge.review (orange), .app-badge.ready (green), .app-badge.draft (purple)
使用真实的手机模型将交互式 iOS/移动应用程序 UX 流程原型创建为 HTML 文档。 在以下情况下使用：(1) 可视化用户旅程和导航流程，(2) 创建移动应用程序线框图， (3) 记录屏幕到屏幕的导航模式，(4) 展示带有注释的 iOS UI 设计， (5) 在实施之前对应用程序架构进行原型设计。生成独立的 HTML 文件 iOS 原生样式、电话框架、流程箭头和标注注释。 来源：tddworks/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 ios-ux-prototype？
使用真实的手机模型将交互式 iOS/移动应用程序 UX 流程原型创建为 HTML 文档。 在以下情况下使用：(1) 可视化用户旅程和导航流程，(2) 创建移动应用程序线框图， (3) 记录屏幕到屏幕的导航模式，(4) 展示带有注释的 iOS UI 设计， (5) 在实施之前对应用程序架构进行原型设计。生成独立的 HTML 文件 iOS 原生样式、电话框架、流程箭头和标注注释。 来源：tddworks/claude-skills。
如何安装 ios-ux-prototype？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/tddworks/claude-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01