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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/tddworks/claude-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01