[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FVJYTXNWSW4WK6CGKZVR98":3,"skill-same:01M6FVJYTXNWSW4WK6CGKZVR98":86},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":21,"linkOnly":22,"markdownContent":23,"markdownBody":24,"frontMatter":25,"refName":26,"commitSha":27,"skillDirectory":28,"forksCount":13,"repositoryHtmlUrl":29,"repositoryHomepageUrl":6,"ownerHtmlUrl":30,"ownerBlogUrl":31,"ownerDescription":32,"updatedAt":33,"install":34,"resources":47},"01M6FVJYTXNWSW4WK6CGKZVR98","hig-components-system",null,"reikiplanet\u002Fdaoskills","reikiplanet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96377599?v=4","01M6CVWCMD740YHQDK7E9QYBW4","Reiki Planet","01M6CVWCS4KXVA2CWFVJ43EAXK",0,"MIT","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002FSKILL.md",[],[18,19,20],"components","system","hig components system","2026-11-10 10:12:30",false,"---\nname: hig-components-system\nversion: 1.0.0\ndescription: \">\"\n  Apple HIG guidance for system experience components: widgets, live activities,\n  notifications, complications, home screen quick actions, top shelf, watch faces,\n  app clips, and app shortcuts. Use when asked about: \"widget design\", \"live activity\",\n  \"notification design\", \"complication\", \"home screen quick action\",\n  \"top shelf\", \"watch face\", \"app clip\", \"app shortcut\", \"system experience\".\n  Also use when the user says \"how do I design a widget,\" \"what should my notification\n  look like,\" \"how do Live Activities work,\" \"should I make an App Clip,\" or asks about\n  surfaces outside the main app.\n  Cross-references: hig-components-status for progress in widgets, hig-inputs for\n  interaction patterns, hig-technologies for Siri and system integration.\nrisk: unknown\nsource: community\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","# 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",{},"master","dff58085da947e81e8418c922055644bf0082b1b","development\u002Fhig-components-system","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills","https:\u002F\u002Fgithub.com\u002Freikiplanet","https:\u002F\u002Fwww.reiki-planet.com","Reiki Planet Game","2026-03-29 06:02:29",{"source":7,"skillName":5,"commands":35,"prompt":45,"zipAvailable":46},[36,39,42],{"tool":37,"command":38},"npx","npx skills add reikiplanet\u002Fdaoskills --skill hig-components-system",{"tool":40,"command":41},"bunx","bunx skills add reikiplanet\u002Fdaoskills --skill hig-components-system",{"tool":43,"command":44},"pnpm","pnpm dlx skills add reikiplanet\u002Fdaoskills --skill hig-components-system","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002FSKILL.md",true,[48,54,58,62,66,70,74,78,82],{"path":49,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":52,"sourceHtmlUrl":53},"references\u002Fapp-clips.md","REFERENCE","参考文档",40858,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fapp-clips.md",{"path":55,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":56,"sourceHtmlUrl":57},"references\u002Fapp-shortcuts.md",13868,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fapp-shortcuts.md",{"path":59,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":60,"sourceHtmlUrl":61},"references\u002Fcomplications.md",38882,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fcomplications.md",{"path":63,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":64,"sourceHtmlUrl":65},"references\u002Fhome-screen-quick-actions.md",4503,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fhome-screen-quick-actions.md",{"path":67,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":68,"sourceHtmlUrl":69},"references\u002Flive-activities.md",43531,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Flive-activities.md",{"path":71,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":72,"sourceHtmlUrl":73},"references\u002Fnotifications.md",18597,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fnotifications.md",{"path":75,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":76,"sourceHtmlUrl":77},"references\u002Ftop-shelf.md",12390,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Ftop-shelf.md",{"path":79,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fwatch-faces.md",4634,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fwatch-faces.md",{"path":83,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":84,"sourceHtmlUrl":85},"references\u002Fwidgets.md",55838,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fdevelopment\u002Fhig-components-system\u002Freferences\u002Fwidgets.md",[87,114,126,141,161,184],{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":21},"01M6G614JTEQJHPT8AKK3YQ18S","web-games","Web browser game development principles. Framework selection, WebGPU, optimization, PWA.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fweb-games\u002FSKILL.md",[],[94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113],"games","web games","web","grep","principles","selection","community","framework selection","edit","write","read","pwa","game","web browser","game development","Optimization","framework","browser","development","webgpu",{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":120,"publishedAt":21},"01M6G611H2YGV0GZFP90D38ZMJ","vr-ar","VR\u002FAR development principles. Comfort, interaction, performance requirements.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fvr-ar\u002FSKILL.md",[],[121,122,112,123,124,100,102,103,104,97,125,98],"ar","vr ar","interaction","requirements","performance",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":21},"01M6G60XNMHAMV1SV0EJ1CX0AY","templates","Project scaffolding templates for new applications. Use when creating new projects from scratch. Contains 12 templates for various tech stacks.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Ftemplates\u002FSKILL.md",[],[128,133,134,135,136,137,100,138,104,139,140,97],"project scaffolding","From Scratch","tech","project","scaffolding","use","projects","applications",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":147,"publishedAt":21},"01M6G60T0GATMK3Q5H8GDC1Z8S","wcag-audit-patterns","Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing ac...","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fwcag-audit-patterns\u002FSKILL.md",[],[148,149,150,151,152,100,153,154,155,156,138,157,158,159,160],"wcag audit patterns","wcag audit","patterns","WCAG","audit","manual","with","automated testing","guidance","remediation","verification","accessibility","testing",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":167,"publishedAt":21},"01M6G60PMCHW1FRZ63F931QK3R","vulnerability-scanner","Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fvulnerability-scanner\u002FSKILL.md",[],[168,169,170,171,172,173,174,175,100,104,97,176,98,177,178,179,180,181,182,183],"scanner","vulnerability scanner","vulnerability","prioritization","2025","mapping","chain","supply chain","Bash","analysis","risk","owasp","supply chain security","security","supply","advanced",{"skillNo":185,"name":186,"nameZh":6,"description":187,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":188,"categories":189,"keywords":190,"publishedAt":21},"01M6G60JZBB8DK0W3DSG1WNMZK","threat-modeling-expert","Expert in threat modeling methodologies, security architecture review, and risk assessment. Masters STRIDE, PASTA, attack trees, and security requirement extraction. Use for security architecture r...","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fthreat-modeling-expert\u002FSKILL.md",[],[191,192,193,194,195,196,197,198,181,138,199,200,201,100,202,203,204,178,205,206],"modeling","threat modeling expert","threat modeling","expert","threat","risk assessment","architecture review","architecture","security architecture review","trees","security architecture","security requirement extraction","assessment","extraction","review","stride"]