hig-components-dialogs – skill Tài liệu & Office cho agent AI
Hướng dẫn HIG của Apple cho các thành phần hiển thị dạng cửa sổ như alert, action sheet, popover, sheet và màn hình nhập số.
Cài skill hig-components-dialogs bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/hig-components-dialogs-26444.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /hig-components-dialogs – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/hig-components-dialogs-26444.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $hig-components-dialogs – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/hig-components-dialogs-26444.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /hig-components-dialogs – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/hig-components-dialogs-26444.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /hig-components-dialogs – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Apple HIG: Presentation Components
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Key Principles
1. Alerts: sparingly, for critical situations. Errors needing attention, destructive action confirmations, or information requiring acknowledgment. They interrupt flow and demand a response.
2. Sheets: focused tasks that maintain context. Presentation varies by platform. Prefer a window, full-screen flow or other suitable presentation for complex or prolonged work; iOS and iPadOS also support nonmodal sheets.
3. Popovers: transient contextual content. Anchor them to the trigger in wide layouts; dismissal and modality depend on platform and configuration. Preserve edits when automatically dismissing a nonmodal popover. Adapt compact layouts to a suitable sheet.
4. Action sheets: choosing among actions. Present when picking from multiple actions, especially if one is destructive. iPhone: slide up from bottom. iPad: appear as popovers.
5. Minimize interruptions. Before reaching for a modal, consider inline presentation or making the action undoable instead.
6. Concise, actionable alert text. Short descriptive title. Brief message body if needed. Button labels should be specific verbs ("Delete", "Save"), not "OK".
7. Mark destructive actions according to the component. Action sheets place destructive choices prominently at the top. Alerts distinguish an unexpected destructive choice from confirmation of an explicitly initiated destructive action; follow the platform default and Cancel behavior in the alert reference.
8. Provide a cancel option for alerts and action sheets with multiple actions. On action sheets, cancel appears at the bottom, separated.
9. Digit entry views: tvOS-specific. The bundled reference describes TVDigitEntryViewController, not a cross-platform OTP component. Use secure digit fields for sensitive values. For other platforms, design and test a suitable accessible text-input flow, including paste and autofill where supported.
10. Adapt presentation to platform. The same interaction may use different components on iPhone, iPad, Mac, and visionOS.
Reference Index
| Reference | Topic | Key content |
|---|---|---|
| [alerts.md](references/alerts.md) | Alerts | Button ordering, title/message text, confirmation, destructive actions |
| [action-sheets.md](references/action-sheets.md) | Action sheets | Multiple actions, cancel option, destructive handling |
| [popovers.md](references/popovers.md) | Popovers | Non-modal, dismiss on tap outside, iPad/Mac |
| [sheets.md](references/sheets.md) | Sheets | Modal task, context preservation |
| [digit-entry-views.md](references/digit-entry-views.md) | Digit entry | PIN input, autofill, auto-advance |
Output Format
1. Recommended presentation type with rationale and why alternatives are less suitable.
2. Content guidelines -- title, message, button labels per Apple's tone and brevity rules.
3. Dismiss behavior -- how the user dismisses and what happens (save, discard, cancel).
4. Alternatives -- when the scenario might not need a modal at all (inline feedback, undo, progressive disclosure).
Questions to Ask
1. What information or action does the presentation need?
2. Blocking or non-blocking?
3. Which platforms?
4. How often does this appear?
Related Skills
- hig-components-menus -- Buttons and toolbar items triggering presentations
- hig-components-controls -- Input controls within sheets and popovers
- hig-components-search -- Search and navigation within presented views
- hig-patterns -- Modality, interruptions, user flow management
- hig-foundations -- Color, typography, layout for presentation components
---
*Built by [Raintree Technology](https://raintree.technology) · [More developer tools](https://raintree.technology)*
When to Use
Use when choosing Apple presentation components or reviewing their dismissal, destructive-action and platform behavior.
Example
User request:
> Review an iPad note-formatting panel: recommend a nonmodal presentation, preserve edits on outside dismissal, and describe compact-width adaptation and VoiceOver checks.
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.
Skill liên quan
- hig-project-context – Tạo hoặc cập nhật tài liệu bối cảnh thiết kế Apple dùng chung, để các skill HIG khác…
- hugo-to-markdown – Chuyển đổi các trang tài liệu Hugo và nội dung do Hugo quản lý sang Markdown chuẩn.
- impress – Tạo bản trình chiếu, chuyển đổi định dạng (ODP/PPTX/PDF), tự động hóa slide với…
- keyword-density-checker – Keyword Density Checker. Dùng khi làm việc với văn bản và từ hoặc cụm từ mục tiêu.
- legal-compliance-vault – Kho lưu trữ tài liệu pháp lý và tuân thủ: loại tài liệu, khung quy định, chủ sở hữu và…
- markdown-rendering – Mở Markdown đáng tin cậy trong cmux pane và khôi phục khi vùng hiển thị bị trống.
- markstream-install – Cài đặt và cấu hình renderer Markdown streaming Markstream cho Vue, React, Svelte…
- maximalism – Hướng dẫn triển khai Controlled Maximalism cho Web và ứng dụng. Kích hoạt khi người dùng…