[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-f40af01f-fb1f-4140-bbb9-507bdfd2f2c3":3,"$fr7-IBWTSd2NJthItNi9vN7VHT5gXlXsFKU-p8EJIpmM":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},"f40af01f-fb1f-4140-bbb9-507bdfd2f2c3","hig-components-system","苹果系统体验组件HIG指南：小部件、实时活动、通知、 complication、主屏幕快捷操作、顶部栏、手表表盘、应用快照和应用快捷方式。","cat_life_career","mod_other","sickn33,other","---\nname: hig-components-system\ndescription: 'Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts.'\nrisk: unknown\nsource: community\ndate_added: '2026-02-27'\n---\n\n# Apple HIG: System Experiences\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\n### General\n\n1. **Glanceable, immediate value.** System experiences bring your app's most important content to surfaces the user sees without launching your app. Design for seconds of attention.\n\n2. **Respect platform context.** A Lock Screen widget has different constraints than a Home Screen widget. A complication is far smaller than a top shelf item.\n\n### Widgets\n\n3. **Show relevant information, not everything.** Display the most useful subset, updated appropriately.\n\n4. **Support multiple sizes with distinct layouts.** Each size should be a thoughtful design, not a scaled version of another.\n\n5. **Deep-link on tap.** Take users to the relevant content, not the app's root screen.\n\n### Live Activities\n\n6. **Track events with a clear start and end.** Deliveries, scores, timers, rides. Design for both Dynamic Island and Lock Screen.\n\n7. **Stay updated and timely.** Stale data undermines trust. End promptly when the event concludes.\n\n### Notifications\n\n8. **Respect user attention.** Only send notifications for information users genuinely care about. No promotional or low-value notifications.\n\n9. **Actionable and self-contained.** Include enough context to understand and act without opening the app. Support notification actions. Use threading and grouping.\n\n### Complications\n\n10. **Focused data on the watch face.** Design for the smallest useful representation. Support multiple families. Budget updates wisely.\n\n### Home Screen Quick Actions\n\n11. **3-4 most common tasks.** Short titles, optional subtitles, relevant SF Symbol icons.\n\n### Top Shelf\n\n12. **tvOS showcase.** Feature content that entices: new episodes, featured items, recent content.\n\n### App Clips\n\n13. **Instant, focused functionality within a strict size budget.** Load quickly without App Store download. Only what's needed for the immediate task, then offer full app install.\n\n### App Shortcuts\n\n14. **Surface key actions to Siri and Spotlight.** Define shortcuts for frequent tasks. Use natural, conversational trigger phrases.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [widgets.md](references\u002Fwidgets.md) | Widgets | Glanceable info, sizes, deep linking, timeline |\n| [live-activities.md](references\u002Flive-activities.md) | Live Activities | Real-time tracking, Dynamic Island, Lock Screen |\n| [notifications.md](references\u002Fnotifications.md) | Notifications | Attention, actions, grouping, content |\n| [complications.md](references\u002Fcomplications.md) | Complications | Watch face data, families, budgeted updates |\n| [home-screen-quick-actions.md](references\u002Fhome-screen-quick-actions.md) | Quick actions | Haptic Touch, common tasks, SF Symbols |\n| [top-shelf.md](references\u002Ftop-shelf.md) | Top shelf | Featured content, showcase |\n| [app-clips.md](references\u002Fapp-clips.md) | App Clips | Instant use, lightweight, focused task, NFC\u002FQR |\n| [watch-faces.md](references\u002Fwatch-faces.md) | Watch faces | Custom complications, face sharing |\n| [app-shortcuts.md](references\u002Fapp-shortcuts.md) | App Shortcuts | Siri, Spotlight, voice triggers |\n\n## Output Format\n\n1. **System experience recommendation** -- which surface best fits the use case.\n2. **Content strategy** -- what to display, priority, what to omit.\n3. **Update frequency** -- refresh rate including system budget constraints.\n4. **Size\u002Ffamily variants** -- which to support and how layout adapts.\n5. **Deep link behavior** -- where tapping takes the user.\n\n## Questions to Ask\n\n1. What information needs to surface outside the app?\n2. Which platform?\n3. How frequently does the data update?\n4. What is the primary glanceable need?\n\n## Related Skills\n\n- **hig-components-status** -- Progress indicators in widgets or Live Activities\n- **hig-inputs** -- Interaction patterns for system experiences (Digital Crown for complications)\n- **hig-technologies** -- Siri for App Shortcuts, HealthKit for complications, NFC for App Clips\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,86,644,"2026-05-16 13:22:02",{"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},"6409f691-370f-4e58-9d0d-7633bd06c07e","1.0.0","hig-components-system.zip",71855,"uploads\u002Fskills\u002Ff40af01f-fb1f-4140-bbb9-507bdfd2f2c3\u002Fhig-components-system.zip","6c32086f1325a20de92938b564cc18b549e8c83d437b8deaceb04c2a532b7687","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":4943},{\"path\":\"references\u002Fapp-clips.md\",\"isDirectory\":false,\"size\":40858},{\"path\":\"references\u002Fapp-shortcuts.md\",\"isDirectory\":false,\"size\":13868},{\"path\":\"references\u002Fcomplications.md\",\"isDirectory\":false,\"size\":38882},{\"path\":\"references\u002Fhome-screen-quick-actions.md\",\"isDirectory\":false,\"size\":4503},{\"path\":\"references\u002Flive-activities.md\",\"isDirectory\":false,\"size\":43531},{\"path\":\"references\u002Fnotifications.md\",\"isDirectory\":false,\"size\":18597},{\"path\":\"references\u002Ftop-shelf.md\",\"isDirectory\":false,\"size\":12390},{\"path\":\"references\u002Fwatch-faces.md\",\"isDirectory\":false,\"size\":4634},{\"path\":\"references\u002Fwidgets.md\",\"isDirectory\":false,\"size\":55838}]",{"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]