💬 コミュニケーションコミュニティ 🟢 非エンジニアでもOK 👤 管理職・人事・カスタマー対応

💬 Hig Patterns

hig-patterns

Hig Patterns の設計パターン集Skill。メール・Slack等のやりとりをする人向け。

⚡ ⏱ お礼メール定型化 5分/通 → 30秒/通

📺 まず動画で見る(YouTube)

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

Apple Human Interface Guidelines interaction and UX patterns.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Hig Patterns の設計パターン集Skill。メール・Slack等のやりとりをする人向け。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux

mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o hig-patterns.zip https://jpskill.com/download/2974.zip && unzip -o hig-patterns.zip && rm hig-patterns.zip

🪟 Windows (PowerShell)

$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/2974.zip -OutFile "$d\hig-patterns.zip"; Expand-Archive "$d\hig-patterns.zip" -DestinationPath $d -Force; ri "$d\hig-patterns.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)

1. 下の青いボタンを押して hig-patterns.zip をダウンロード
2. ZIPファイルをダブルクリックで解凍 → hig-patterns フォルダができる
3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
4. Claude Code を再起動

⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
- · macOS / Linux: ~/.claude/skills/
- · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →

最終更新: 2026-05-17
取得日時: 2026-05-17
同梱ファイル: 26

💬 こう話しかけるだけ — サンプルプロンプト

› Hig Patterns で、お客様への返信文を作って
› Hig Patterns を使って、社内向けアナウンスを書いて
› Hig Patterns で、メールテンプレートを整備して

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Apple HIG: インタラクションパターン

質問する前に .claude/apple-design-context.md を確認してください。既存のコンテキストを使用し、まだカバーされていない情報のみを尋ねてください。

主要原則

モダリティを最小限に抑える。 モダリティは、注意を引くことが不可欠な場合、タスクを完了または放棄する必要がある場合、または変更の保存が不可欠な場合にのみ使用してください。非モーダルな代替手段を優先してください。
明確なフィードバックを提供する。 すべてのアクションは、視覚的、聴覚的、または触覚的な応答を生成するべきです。不定の待機にはアクティビティインジケーター、確定的な待機にはプログレスバー、物理的な確認にはハプティクスを使用してください。
確認ダイアログよりも「元に戻す」をサポートする。 破壊的なアクションは、可能な限り元に戻せるようにすべきです。「元に戻す」は、「本当によろしいですか？」よりもほぼ常に優れています。
素早く起動する。 最初の画面にシームレスに移行する起動画面を表示してください。ロゴ付きのスプラッシュ画面は使用しないでください。以前の状態を復元してください。
サインインを延期する。 アカウント作成を要求する前に、ユーザーが探索できるようにしてください。Apple でサインインとパスキーをサポートしてください。
オンボーディングを簡潔にする。 最大3画面にしてください。ユーザーがスキップできるようにしてください。段階的な開示と文脈に応じたヒントを通じて教えてください。
段階的な開示を使用する。 最初に必要不可欠なものを示し、ユーザーが詳細に掘り下げられるようにしてください。すべてのオプションを1つの画面に詰め込んで圧倒しないでください。
ユーザーの注意を尊重する。 通知を統合し、中断を最小限に抑え、ユーザーにアラートの制御を与えてください。マーケティング目的で通知を使用しないでください。

参照インデックス

参照	トピック	主要コンテンツ
charting-data.md	チャートデータ	データ視覚化パターン、アクセシブルなチャート、インタラクティブ要素
collaboration-and-sharing.md	コラボレーションと共有	共有シート、アクティビティビュー、共同編集、SharePlay
drag-and-drop.md	ドラッグ＆ドロップ	ドラッグソース、ドロップターゲット、スプリングローディング、複数アイテムのドラッグ、視覚的フィードバック
entering-data.md	データ入力	テキストフィールド、ピッカー、ステッパー、入力検証、キーボードタイプ、オートフィル
feedback.md	フィードバック	アラート、アクションシート、ハプティックパターン、サウンドフィードバック、視覚的インジケーター
file-management.md	ファイル管理	ドキュメントブラウザ、ファイルプロバイダー、iCloud統合、ドキュメントライフサイクル
going-full-screen.md	フルスクリーン表示	フルスクリーン遷移、没入型コンテンツ、フルスクリーン終了
launching.md	起動	起動画面、状態復元、コールド起動とウォーム起動
live-viewing-apps.md	ライブビューイングアプリ	ライブコンテンツ表示、リアルタイム更新、Live Activities、Dynamic Island
loading.md	ローディング	アクティビティインジケーター、プログレスビュー、スケルトンスクリーン、遅延ローディング、プレースホルダー
managing-accounts.md	アカウント管理	Apple でサインイン、パスキー、アカウント作成、資格情報オートフィル、アカウント削除
managing-notifications.md	通知管理	許可リクエスト、グループ化、アクション可能な通知、暫定的な配信
modality.md	モダリティ	シート、アラート、ポップオーバー、フルスクリーンモーダル、それぞれの使用時期
multitasking.md	マルチタスク	iPad Split View、Slide Over、Stage Manager、レスポンシブレイアウト、サイズクラス遷移
offering-help.md	ヘルプの提供	文脈に応じたヒント、オンボーディングヒント、ヘルプメニュー、サポートリンク
onboarding.md	オンボーディング	ウェルカム画面、機能ハイライト、プログレッシブオンボーディング、スキップオプション
playing-audio.md	オーディオ再生	オーディオセッション、バックグラウンドオーディオ、再生中、オーディオルーティング、中断
playing-haptics.md	ハプティクス再生	Core Haptics、UIFeedbackGenerator、ハプティックパターン、カスタムハプティクス
playing-video.md	ビデオ再生	ビデオプレーヤーコントロール、ピクチャーインピクチャー、AirPlay、フルスクリーンビデオ
printing.md	印刷	印刷ダイアログ、ページ設定、AirPrint統合
ratings-and-reviews.md	評価とレビュー	SKStoreReviewController、タイミング、頻度制限、アプリ内フィードバック
searching.md	検索	検索バー、候補、スコープ検索、結果表示、最近の検索
settings.md	設定	アプリ内と設定アプリ、設定の整理、トグル、デフォルト
undo-and-redo.md	元に戻す/やり直す	シェイクで元に戻す、元に戻す/やり直すスタック、多段階の元に戻す
workouts.md	ワークアウト	ワークアウトセッション、ライブメトリクス、常時表示ディスプレイ、概要、HealthKit

パターン選択ガイド

ユーザーの目標	推奨パターン	避けるべきこと
初めてのアプリ体験	簡潔なオンボーディング（最大3画面） + 段階的な開示	長いチュートリアル、強制的なサインアップ
コンテンツの待機	スケルトンスクリーンまたはプログレスインジケーター	コンテキストのないブロッキングスピナー
破壊的なアクションの確認	元に戻すサポート	過度な「本当によろしいですか？」ダイアログ
ユーザー入力の収集	インライン検証、スマートなデフォルト、オートフィル	単純な入力に対するモーダルフォーム
権限のリクエスト	文脈に応じた、説明付きのジャストインタイム	起動時にすべての権限をリクエストする
フィードバックの提供	ハプティクス + 視覚的インジケーター	確認のないサイレントアクション
設定の整理	頻繁に使用する項目はアプリ内設定	すべての設定をシステム設定アプリに埋め込む

出力形式

推奨パターンとその根拠、関連する参照ファイルを引用します。
各画面または状態をカバーするステップバイステップの実装。
ターゲットプラットフォーム向けのプラットフォームバリエーション。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Apple HIG: Interaction Patterns

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

Key Principles

Minimize modality. Use modality only when it is critical to get attention, a task must be completed or abandoned, or saving changes is essential. Prefer non-modal alternatives.
Provide clear feedback. Every action should produce visible, audible, or haptic response. Activity indicators for indeterminate waits, progress bars for determinate, haptics for physical confirmation.
Support undo over confirmation dialogs. Destructive actions should be reversible when possible. Undo is almost always better than "Are you sure?"
Launch quickly. Display a launch screen that transitions seamlessly into the first screen. No splash screens with logos. Restore previous state.
Defer sign-in. Let users explore before requiring account creation. Support Sign in with Apple and passkeys.
Keep onboarding brief. Three screens max. Let users skip. Teach through progressive disclosure and contextual hints.
Use progressive disclosure. Show essentials first, let users drill into details. Don't overwhelm with every option on one screen.
Respect user attention. Consolidate notifications, minimize interruptions, give users control over alerts. Never use notifications for marketing.

Reference Index

Reference	Topic	Key content
charting-data.md	Charting Data	Data visualization patterns, accessible charts, interactive elements
collaboration-and-sharing.md	Collaboration & Sharing	Share sheets, activity views, collaborative editing, SharePlay
drag-and-drop.md	Drag and Drop	Drag sources, drop targets, spring loading, multi-item drag, visual feedback
entering-data.md	Entering Data	Text fields, pickers, steppers, input validation, keyboard types, autofill
feedback.md	Feedback	Alerts, action sheets, haptic patterns, sound feedback, visual indicators
file-management.md	File Management	Document browser, file providers, iCloud integration, document lifecycle
going-full-screen.md	Going Full Screen	Full-screen transitions, immersive content, exiting full screen
launching.md	Launching	Launch screens, state restoration, cold vs warm launch
live-viewing-apps.md	Live Viewing Apps	Live content display, real-time updates, Live Activities, Dynamic Island
loading.md	Loading	Activity indicators, progress views, skeleton screens, lazy loading, placeholders
managing-accounts.md	Managing Accounts	Sign in with Apple, passkeys, account creation, credential autofill, account deletion
managing-notifications.md	Managing Notifications	Permission requests, grouping, actionable notifications, provisional delivery
modality.md	Modality	Sheets, alerts, popovers, full-screen modals, when to use each
multitasking.md	Multitasking	iPad Split View, Slide Over, Stage Manager, responsive layout, size class transitions
offering-help.md	Offering Help	Contextual tips, onboarding hints, help menus, support links
onboarding.md	Onboarding	Welcome screens, feature highlights, progressive onboarding, skip options
playing-audio.md	Playing Audio	Audio sessions, background audio, Now Playing, audio routing, interruptions
playing-haptics.md	Playing Haptics	Core Haptics, UIFeedbackGenerator, haptic patterns, custom haptics
playing-video.md	Playing Video	Video player controls, picture-in-picture, AirPlay, full-screen video
printing.md	Printing	Print dialogs, page setup, AirPrint integration
ratings-and-reviews.md	Ratings & Reviews	SKStoreReviewController, timing, frequency limits, in-app feedback
searching.md	Searching	Search bars, suggestions, scoped search, results display, recents
settings.md	Settings	In-app vs Settings app, preference organization, toggles, defaults
undo-and-redo.md	Undo and Redo	Shake to undo, undo/redo stack, multi-level undo
workouts.md	Workouts	Workout sessions, live metrics, Always On display, summaries, HealthKit

Pattern Selection Guide

User Goal	Recommended Pattern	Avoid
First app experience	Brief onboarding (max 3 screens) + progressive disclosure	Long tutorials, mandatory sign-up
Waiting for content	Skeleton screens or progress indicators	Blocking spinners with no context
Confirming destructive action	Undo support	Excessive "Are you sure?" dialogs
Collecting user input	Inline validation, smart defaults, autofill	Modal forms for simple inputs
Requesting permissions	Contextual, just-in-time with explanation	Requesting all permissions at launch
Providing feedback	Haptics + visual indicator	Silent actions with no confirmation
Organizing preferences	In-app settings for frequent items	Burying all settings in system Settings app

Output Format

Recommended pattern with rationale, citing the relevant reference file.
Step-by-step implementation covering each screen or state.
Platform variations for targeted platforms.
Common pitfalls that violate HIG for this pattern.

Questions to Ask

Where in the app does this pattern appear? What comes before and after?
Which platforms?
Designing from scratch or improving an existing flow?
Does this involve sensitive actions? (Destructive operations, payments, permissions)

Related Skills

hig-foundations -- Accessibility, color, typography, and privacy principles underlying every pattern
hig-platforms -- Platform-specific pattern implementations
hig-components-layout -- Structural components (tab bars, sidebars, split views) for navigation patterns
hig-components-content -- Content display within patterns (charts, collections, search results)

Built by Raintree Technology · More developer tools

When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。

📄 SKILL.md (7,435 bytes)
📎 references/charting-data.md (9,846 bytes)
📎 references/collaboration-and-sharing.md (10,567 bytes)
📎 references/drag-and-drop.md (17,359 bytes)
📎 references/entering-data.md (6,335 bytes)
📎 references/feedback.md (5,776 bytes)
📎 references/file-management.md (14,128 bytes)
📎 references/going-full-screen.md (9,102 bytes)
📎 references/launching.md (7,505 bytes)
📎 references/live-viewing-apps.md (7,729 bytes)
📎 references/loading.md (5,310 bytes)
📎 references/managing-accounts.md (11,388 bytes)
📎 references/managing-notifications.md (9,157 bytes)
📎 references/modality.md (7,463 bytes)
📎 references/multitasking.md (11,925 bytes)
📎 references/offering-help.md (11,639 bytes)
📎 references/onboarding.md (7,057 bytes)
📎 references/playing-audio.md (16,350 bytes)
📎 references/playing-haptics.md (18,693 bytes)
📎 references/playing-video.md (21,038 bytes)
📎 references/printing.md (4,633 bytes)
📎 references/ratings-and-reviews.md (4,768 bytes)
📎 references/searching.md (7,544 bytes)
📎 references/settings.md (8,639 bytes)
📎 references/undo-and-redo.md (5,908 bytes)
📎 references/workouts.md (7,826 bytes)