[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71SFYQTWHN7MJ85R292DRMD":3,"skill-same:01M71SFYQTWHN7MJ85R292DRMD":44},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":14,"categories":15,"keywords":16,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":12,"repositoryHtmlUrl":27,"repositoryHomepageUrl":6,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":29,"install":30,"resources":43},"01M71SFYQTWHN7MJ85R292DRMD","hig-components-dialogs",null,"javiertarazon\u002Fide-agente-free-jt7-","javiertarazon","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F153141207?v=4","01M71R52TB3S9HXKH6WSNT8A7V","01M71R52VG5KS2DKDDH4GDQ30A",0,"MIT","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fhig-components-dialogs\u002FSKILL.md",[],[17,18],"hig components dialogs","components","2026-11-10 13:02:02",false,"---\nname: hig-components-dialogs\nversion: 1.0.0\ndescription: \">-\"\n  Apple HIG guidance for presentation components including alerts, action sheets,\n  popovers, sheets, and digit entry views. Use this skill when the user says\n  \"should I use an alert or a sheet,\" \"how do I show a confirmation dialog,\"\n  \"when should I use a popover,\" \"my modals are annoying users,\" or asks about\n  alert design, action sheet, popover, sheet, modal, dialog, digit entry,\n  confirmation dialog, warning dialog, modal presentation, non-modal content,\n  destructive action confirmation, or overlay UI patterns. Cross-references:\n  hig-components-menus, hig-components-controls, hig-components-search,\n  hig-patterns.\nrisk: unknown\nsource: community\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","# 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",{},"release\u002Fv4.2.11-panel-pro","a92ea02bcf7e2b3dbaf46d49696c29a3cb490d4f",".github\u002Fskills\u002Fhig-components-dialogs","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-","https:\u002F\u002Fgithub.com\u002Fjaviertarazon","2026-07-12 07:10:45",{"source":7,"skillName":5,"commands":31,"prompt":41,"zipAvailable":42},[32,35,38],{"tool":33,"command":34},"npx","npx skills add javiertarazon\u002Fide-agente-free-jt7- --skill hig-components-dialogs",{"tool":36,"command":37},"bunx","bunx skills add javiertarazon\u002Fide-agente-free-jt7- --skill hig-components-dialogs",{"tool":39,"command":40},"pnpm","pnpm dlx skills add javiertarazon\u002Fide-agente-free-jt7- --skill hig-components-dialogs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fhig-components-dialogs\u002FSKILL.md",true,[],[45,77,104,124,139,161],{"skillNo":46,"name":47,"nameZh":6,"description":48,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":56,"publishedAt":19},"01M71TQ7Q6Z10VWF3C2H5X1KW9","zustand-store-ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reacti...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzustand-store-ts\u002FSKILL.md",[51],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76],"zustand","store","zustand store ts","community","middleware","implementing","use","react state management","when","unknown","react","with","state","create","state management","typescript","action","management","separation","global",{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":86,"publishedAt":19},"01M71TQ5EAR40G6W0MV5ZDVEZT","zoom-automation","Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoom-automation\u002FSKILL.md",[83],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000023","Skill与智能体开发",[87,88,89,60,90,91,92,93,94,66,95,96,97,98,99,100,101,102,74,103],"zoom automation","zoom","automation","creation","for","search","schemas","MCP","first","via","meeting","search tools","tracking","webinars","composio","recordings","Tools",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":111,"publishedAt":19},"01M71TQ29B1EYBCEAP1ZBGXQ1A","zoho-crm-automation","Automate Zoho CRM tasks via Rube MCP (Composio): create\u002Fupdate records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoho-crm-automation\u002FSKILL.md",[110],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},[112,113,89,114,115,116,60,117,118,91,119,92,93,120,94,66,121,122,123,70],"crm automation","zoho crm automation","crm","zoho crm","zoho","leads","manage leads","manage","records","convert","tasks","contacts",{"skillNo":125,"name":126,"nameZh":6,"description":127,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":128,"categories":129,"keywords":131,"publishedAt":19},"01M71TPZPMN60DH0XV58KVHY23","zendesk-automation","Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzendesk-automation\u002FSKILL.md",[130],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},[132,89,133,60,91,92,93,94,134,66,122,135,136,95,96,137,98,101,103,138],"zendesk automation","zendesk","organizations","replies","users","tickets","automate",{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":145,"publishedAt":19},"01M71TPXDWKHKG4N6TVEPXWD0N","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity ...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzapier-make-patterns\u002FSKILL.md",[],[146,147,148,149,150,151,152,153,154,89,155,66,156,157,158,159,160,138],"zapier make patterns","zapier","patterns","make","No-Code","complexity","writing","spawner","business","workflow","code","integromat","apache","processes","but",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":170,"publishedAt":19},"01M71TPT5T10WXNKW9G7ZXZ27W","youtube-summarizer","Extract transcripts from YouTube videos and generate comprehensive, detailed summaries using intelligent analysis frameworks","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fyoutube-summarizer\u002FSKILL.md",[167],{"categoryNo":168,"categoryName":169,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000016","图像与多媒体",[171,172,173,174,60,175,176,177,178,179,180,181,156,182,183,184,185,186,187,188],"summarizer","youtube","youtube summarizer","Video","content-analysis","frameworks","copilot","2025","github-copilot","extract transcripts","analysis","codex","cli","summaries","github","generate","summarization","2026"]