[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EYT3JZYARBWCS61RY7TC7J":3,"skill-same:01M6EYT3JZYARBWCS61RY7TC7J":93},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":44,"linkOnly":45,"markdownContent":46,"markdownBody":47,"frontMatter":48,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":57,"ownerHtmlUrl":58,"ownerBlogUrl":6,"ownerDescription":59,"updatedAt":60,"install":61,"resources":74},"01M6EYT3JZYARBWCS61RY7TC7J","hig-components-status",null,"Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings. Use this skill when asked about: \"progress indicator\", \"progress bar\", \"loading spinner\", \"status bar\", \"activity ring\", \"progress display\", determinate vs indeterminate progress, loading states, or fitness tracking rings. Also use when the user says \"how do I show loading state,\" \"should I use a spinner or progress bar,\" \"what goes in the status bar,\" or asks about activity indicators. Cross-references: hig-components-system for widgets and complications, hig-inputs for gesture-driven progress controls, hig-technologies for HealthKit and activity ring data integration.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"status","components","hig components status","activity","loading","states","controls","ui components","progress","widgets","apple","do","show","community","references","use","system","how","data","ui","2026-11-10 10:12:30",false,"---\nname: hig-components-status\nversion: 1.0.0\ndescription: >\n  Apple HIG guidance for status and progress UI components including progress indicators,\n  status bars, and activity rings. Use this skill when asked about: \"progress indicator\",\n  \"progress bar\", \"loading spinner\", \"status bar\", \"activity ring\", \"progress display\",\n  determinate vs indeterminate progress, loading states, or fitness tracking rings.\n  Also use when the user says \"how do I show loading state,\" \"should I use a spinner\n  or progress bar,\" \"what goes in the status bar,\" or asks about activity indicators.\n  Cross-references: hig-components-system for widgets and complications,\n  hig-inputs for gesture-driven progress controls, hig-technologies for HealthKit\n  and activity ring data integration.\nrisk: unknown\nsource: community\n---\n\n# Apple HIG: Status 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\n### Progress Indicators\n\n1. **Show progress for operations longer than a second or two.**\n\n2. **Determinate when duration\u002Fpercentage is known.** A filling progress bar gives users a clear sense of remaining work. Use for downloads, uploads, or any measurable process.\n\n3. **Indeterminate when duration is unknown.** A spinner communicates work is happening without promising a timeframe. Use for unpredictable network requests.\n\n4. **Prefer progress bars over spinners.** Determinate progress feels faster and more trustworthy.\n\n5. **Place indicators where content will appear.** Inline progress near the content area, not modal or distant.\n\n6. **Don't stack multiple indicators.** Aggregate simultaneous operations into one representation or show the most relevant.\n\n### Status Bars\n\n7. **Don't hide the status bar without good reason.** Reserve hiding for immersive experiences (full-screen media, games, AR).\n\n8. **Match status bar style to your content.** Light or dark for adequate contrast.\n\n9. **Respect safe areas.** No interactive content behind the status bar.\n\n10. **Restore promptly** when exiting immersive contexts.\n\n### Activity Rings\n\n11. **Activity rings are for Move, Exercise, and Stand goals.** Don't repurpose the ring metaphor for unrelated data.\n\n12. **Respect ring color conventions.** Red (Move), green (Exercise), blue (Stand) are strongly associated with Apple Fitness.\n\n13. **Use HealthKit APIs** for activity data rather than manual tracking.\n\n14. **Celebrate completions** with animation and haptics when rings close.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [progress-indicators.md](references\u002Fprogress-indicators.md) | Progress bars and spinners | Determinate, indeterminate, inline placement, duration |\n| [status-bars.md](references\u002Fstatus-bars.md) | iOS\u002FiPadOS status bar | System info, visibility, style, safe areas |\n| [activity-rings.md](references\u002Factivity-rings.md) | watchOS activity rings | Move\u002FExercise\u002FStand, HealthKit, fitness tracking, color |\n\n## Output Format\n\n1. **Indicator type recommendation** with rationale (determinate vs indeterminate).\n2. **Timing and animation guidance** -- duration thresholds, animation style, transitions.\n3. **Accessibility** -- VoiceOver progress announcements, live region updates.\n4. **Platform-specific behavior** across targeted platforms.\n\n## Questions to Ask\n\n1. Is the duration known or unknown?\n2. Which platforms?\n3. How long does the operation typically take?\n4. System-level or in-app indicator?\n\n## Related Skills\n\n- **hig-components-system** -- Widgets and complications displaying progress or status\n- **hig-inputs** -- Gestures triggering progress states (pull-to-refresh)\n- **hig-technologies** -- HealthKit for activity ring data; VoiceOver for progress announcements\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: Status 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\n### Progress Indicators\n\n1. **Show progress for operations longer than a second or two.**\n\n2. **Determinate when duration\u002Fpercentage is known.** A filling progress bar gives users a clear sense of remaining work. Use for downloads, uploads, or any measurable process.\n\n3. **Indeterminate when duration is unknown.** A spinner communicates work is happening without promising a timeframe. Use for unpredictable network requests.\n\n4. **Prefer progress bars over spinners.** Determinate progress feels faster and more trustworthy.\n\n5. **Place indicators where content will appear.** Inline progress near the content area, not modal or distant.\n\n6. **Don't stack multiple indicators.** Aggregate simultaneous operations into one representation or show the most relevant.\n\n### Status Bars\n\n7. **Don't hide the status bar without good reason.** Reserve hiding for immersive experiences (full-screen media, games, AR).\n\n8. **Match status bar style to your content.** Light or dark for adequate contrast.\n\n9. **Respect safe areas.** No interactive content behind the status bar.\n\n10. **Restore promptly** when exiting immersive contexts.\n\n### Activity Rings\n\n11. **Activity rings are for Move, Exercise, and Stand goals.** Don't repurpose the ring metaphor for unrelated data.\n\n12. **Respect ring color conventions.** Red (Move), green (Exercise), blue (Stand) are strongly associated with Apple Fitness.\n\n13. **Use HealthKit APIs** for activity data rather than manual tracking.\n\n14. **Celebrate completions** with animation and haptics when rings close.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [progress-indicators.md](references\u002Fprogress-indicators.md) | Progress bars and spinners | Determinate, indeterminate, inline placement, duration |\n| [status-bars.md](references\u002Fstatus-bars.md) | iOS\u002FiPadOS status bar | System info, visibility, style, safe areas |\n| [activity-rings.md](references\u002Factivity-rings.md) | watchOS activity rings | Move\u002FExercise\u002FStand, HealthKit, fitness tracking, color |\n\n## Output Format\n\n1. **Indicator type recommendation** with rationale (determinate vs indeterminate).\n2. **Timing and animation guidance** -- duration thresholds, animation style, transitions.\n3. **Accessibility** -- VoiceOver progress announcements, live region updates.\n4. **Platform-specific behavior** across targeted platforms.\n\n## Questions to Ask\n\n1. Is the duration known or unknown?\n2. Which platforms?\n3. How long does the operation typically take?\n4. System-level or in-app indicator?\n\n## Related Skills\n\n- **hig-components-system** -- Widgets and complications displaying progress or status\n- **hig-inputs** -- Gestures triggering progress states (pull-to-refresh)\n- **hig-technologies** -- HealthKit for activity ring data; VoiceOver for progress announcements\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",{"name":5,"risk":49,"source":37,"version":50,"description":51},"unknown","1.0.0","Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings. Use this skill when asked about: \"progress indicator\", \"progress bar\", \"loading spinner\", \"status bar\", \"activity ring\", \"progress display\", determinate vs indeterminate progress, loading states, or fitness tracking rings. Also use when the user says \"how do I show loading state,\" \"should I use a spinner or progress bar,\" \"what goes in the status bar,\" or asks about activity indicators. Cross-references: hig-components-system for widgets and complications, hig-inputs for gesture-driven progress controls, hig-technologies for HealthKit and activity ring data integration.\n","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":62,"prompt":72,"zipAvailable":73},[63,66,69],{"tool":64,"command":65},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill hig-components-status",{"tool":67,"command":68},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill hig-components-status",{"tool":70,"command":71},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill hig-components-status","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002FSKILL.md",true,[75,81,85,89],{"path":76,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":79,"sourceHtmlUrl":80},"references\u002Factivity-rings.md","REFERENCE","参考文档",9159,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002Freferences\u002Factivity-rings.md",{"path":82,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":83,"sourceHtmlUrl":84},"references\u002Fprogress-indicators.md",10831,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002Freferences\u002Fprogress-indicators.md",{"path":86,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":87,"sourceHtmlUrl":88},"references\u002Fstatus-bars.md",3512,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002Freferences\u002Fstatus-bars.md",{"path":90,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":91,"sourceHtmlUrl":92},"skill-report.json",9140,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fhig-components-status\u002Fskill-report.json",[94,104,114,123,129,136],{"skillNo":95,"name":96,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":100,"publishedAt":44},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[99],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[101,102,103],"model","model hierarchy","model hierarchy skill",{"skillNo":105,"name":106,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":110,"publishedAt":44},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[109],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[111,112,113],"MCP","zoom","zoom mcp",{"skillNo":115,"name":116,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":119,"publishedAt":44},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[120,121,122,112],"sdk","zoom apps sdk","apps",{"skillNo":124,"name":125,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":128,"publishedAt":44},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[125],{"skillNo":130,"name":131,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":135,"publishedAt":44},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[134],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[131],{"skillNo":137,"name":138,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":141,"publishedAt":44},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[138]]