[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-1d77b136-3bab-47d4-9b29-9ba323f00c8a":3,"$fWsMjszfmxVGStG7Ih8oB1in6U0oW-AN0CXENfNIyhh0":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"1d77b136-3bab-47d4-9b29-9ba323f00c8a","hig-components-dialogs","苹果HIG指南，包括警报、操作表、弹出视图、表格和数字输入视图的展示组件。","cat_life_career","mod_other","sickn33,other","---\nname: hig-components-dialogs\ndescription: Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views.\nrisk: unknown\nsource: community\ndate_added: '2026-02-27'\n---\n\n# Apple HIG: Presentation Components\n\nCheck for `.claude\u002Fapple-design-context.md` before asking questions. Use existing context and only ask for information not already covered.\n\n## Key Principles\n\n1. **Alerts: sparingly, for critical situations.** Errors needing attention, destructive action confirmations, or information requiring acknowledgment. They interrupt flow and demand a response.\n\n2. **Sheets: focused tasks that maintain context.** Slides in from the edge (or attaches to a window on macOS). Use for creating items, editing settings, multi-step forms.\n\n3. **Popovers: non-modal on iPad and Mac.** Appear next to the trigger element, dismissed by tapping outside. For additional information, options, or controls without taking over the screen.\n\n4. **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.\n\n5. **Minimize interruptions.** Before reaching for a modal, consider inline presentation or making the action undoable instead.\n\n6. **Concise, actionable alert text.** Short descriptive title. Brief message body if needed. Button labels should be specific verbs (\"Delete\", \"Save\"), not \"OK\".\n\n7. **Mark destructive actions clearly.** Destructive button style (red text). Place destructive buttons where users are less likely to tap reflexively.\n\n8. **Provide a cancel option** for alerts and action sheets with multiple actions. On action sheets, cancel appears at the bottom, separated.\n\n9. **Digit entry: focused and accessible.** Appropriately sized input fields, automatic advancement between digits, support for paste and autofill.\n\n10. **Adapt presentation to platform.** The same interaction may use different components on iPhone, iPad, Mac, and visionOS.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [alerts.md](references\u002Falerts.md) | Alerts | Button ordering, title\u002Fmessage text, confirmation, destructive actions |\n| [action-sheets.md](references\u002Faction-sheets.md) | Action sheets | Multiple actions, cancel option, destructive handling |\n| [popovers.md](references\u002Fpopovers.md) | Popovers | Non-modal, dismiss on tap outside, iPad\u002FMac |\n| [sheets.md](references\u002Fsheets.md) | Sheets | Modal task, context preservation |\n| [digit-entry-views.md](references\u002Fdigit-entry-views.md) | Digit entry | PIN input, autofill, auto-advance |\n\n## Output Format\n\n1. **Recommended presentation type with rationale** and why alternatives are less suitable.\n2. **Content guidelines** -- title, message, button labels per Apple's tone and brevity rules.\n3. **Dismiss behavior** -- how the user dismisses and what happens (save, discard, cancel).\n4. **Alternatives** -- when the scenario might not need a modal at all (inline feedback, undo, progressive disclosure).\n\n## Questions to Ask\n\n1. What information or action does the presentation need?\n2. Blocking or non-blocking?\n3. Which platforms?\n4. How often does this appear?\n\n## Related Skills\n\n- **hig-components-menus** -- Buttons and toolbar items triggering presentations\n- **hig-components-controls** -- Input controls within sheets and popovers\n- **hig-components-search** -- Search and navigation within presented views\n- **hig-patterns** -- Modality, interruptions, user flow management\n- **hig-foundations** -- Color, typography, layout for presentation components\n\n---\n\n*Built by [Raintree Technology](https:\u002F\u002Fraintree.technology) · [More developer tools](https:\u002F\u002Fraintree.technology)*\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,172,251,"2026-05-16 13:21:52",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"其他","other","mdi-page-next-outline","其他类型Skill",5,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"职场发展","career","mdi-briefcase-outline","面试准备、简历优化、职业规划",4,575,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"bd2747e0-b08a-4ac6-a3de-4b70b007a080","1.0.0","hig-components-dialogs.zip",18237,"uploads\u002Fskills\u002F1d77b136-3bab-47d4-9b29-9ba323f00c8a\u002Fhig-components-dialogs.zip","547011ab8977bfeeac9f7c652580cb51ca00c5a1b161213d6e519eb0440921ca","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":4161},{\"path\":\"references\u002Faction-sheets.md\",\"isDirectory\":false,\"size\":6687},{\"path\":\"references\u002Falerts.md\",\"isDirectory\":false,\"size\":13886},{\"path\":\"references\u002Fdigit-entry-views.md\",\"isDirectory\":false,\"size\":1866},{\"path\":\"references\u002Fpopovers.md\",\"isDirectory\":false,\"size\":6667},{\"path\":\"references\u002Fsheets.md\",\"isDirectory\":false,\"size\":17320}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]