[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JP449JZDB3VNQ8M45Z5CSM":3,"skill-same:01M6JP449JZDB3VNQ8M45Z5CSM":149},{"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":34,"linkOnly":35,"markdownContent":36,"markdownBody":37,"frontMatter":38,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":43,"repositoryHtmlUrl":44,"repositoryHomepageUrl":45,"ownerHtmlUrl":46,"ownerBlogUrl":47,"ownerDescription":6,"updatedAt":48,"install":49,"resources":62},"01M6JP449JZDB3VNQ8M45Z5CSM","hig_foundations",null,"Apple Human Interface Guidelines design foundations.","LongLeo287\u002FOmniClaw","LongLeo287","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F141803367?v=4","01M6JK75C62VCNZKR5BRZ386YV","LongLeo","01M6JK75GQ78TSP1ZPXNKK3MCH",9,"MIT","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33],"hig foundations","foundations","design","guidelines","community","human","apple","interface","guidelines design","unknown","2026-11-10 10:12:30",false,"---\nname: hig_foundations\n\ndescription: Apple Human Interface Guidelines design foundations.\nrisk: unknown\nsource: community\ndate_added: '2026-02-27'\n---\n\n# Apple HIG: Design Foundations\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. **Prioritize content over chrome.** Reduce visual clutter. Use system-provided materials and subtle separators rather than heavy borders and backgrounds.\n\n2. **Build in accessibility from the start.** Design for VoiceOver, Dynamic Type, Reduce Motion, Increase Contrast, and Switch Control from day one. Every interactive element needs an accessible label.\n\n3. **Use system colors and materials.** System colors adapt to light\u002Fdark mode, increased contrast, and vibrancy. Prefer semantic colors (`label`, `secondaryLabel`, `systemBackground`) over hard-coded values.\n\n4. **Use platform fonts and icons.** SF Pro, SF Compact, SF Mono by default. New York for serif. Follow the type hierarchy at recommended sizes. Use SF Symbols for iconography.\n\n5. **Match platform conventions.** Align look and behavior with system standards. Provide direct, responsive manipulation and clear feedback for every action.\n\n6. **Respect privacy.** Request permissions only when needed, explain why clearly, provide value before asking for data. Design for minimal data collection.\n\n7. **Support internationalization.** Accommodate text expansion, right-to-left scripts, and varying date\u002Fnumber formats. Use Auto Layout for dynamic content sizing.\n\n8. **Use motion purposefully.** Animation should communicate meaning and spatial relationships. Honor Reduce Motion by providing crossfade alternatives.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [accessibility.md](references\u002Faccessibility.md) | Accessibility | VoiceOver, Dynamic Type, color contrast, motor accessibility, Switch Control, audio descriptions |\n| [app-icons.md](references\u002Fapp-icons.md) | App Icons | Icon grid, platform-specific sizes, single focal point, no transparency |\n| [branding.md](references\u002Fbranding.md) | Branding | Integrating brand identity within Apple's design language, subtle branding, custom tints |\n| [color.md](references\u002Fcolor.md) | Color | System colors, Dynamic Colors, semantic colors, custom palettes, contrast ratios |\n| [dark-mode.md](references\u002Fdark-mode.md) | Dark Mode | Elevated surfaces, semantic colors, adapted palettes, vibrancy, testing in both modes |\n| [icons.md](references\u002Ficons.md) | Icons | Glyph icons, SF Symbols integration, custom icon design, icon weights, optical alignment |\n| [images.md](references\u002Fimages.md) | Images | Image resolution, @2x\u002F@3x assets, vector assets, image accessibility |\n| [immersive-experiences.md](references\u002Fimmersive-experiences.md) | Immersive Experiences | AR\u002FVR design, spatial immersion, comfort zones, progressive immersion levels |\n| [inclusion.md](references\u002Finclusion.md) | Inclusion | Diverse representation, non-gendered language, cultural sensitivity, inclusive defaults |\n| [layout.md](references\u002Flayout.md) | Layout | Margins, spacing, alignment, safe areas, adaptive layouts, readable content guides |\n| [materials.md](references\u002Fmaterials.md) | Materials | Vibrancy, blur, translucency, system materials, material thickness |\n| [motion.md](references\u002Fmotion.md) | Motion | Animation curves, transitions, continuity, Reduce Motion support, physics-based motion |\n| [privacy.md](references\u002Fprivacy.md) | Privacy | Permission requests, usage descriptions, privacy nutrition labels, minimal data collection |\n| [right-to-left.md](references\u002Fright-to-left.md) | Right-to-Left | RTL layout mirroring, bidirectional text, icons that flip, exceptions |\n| [sf-symbols.md](references\u002Fsf-symbols.md) | SF Symbols | Symbol categories, rendering modes, variable color, custom symbols, weight matching |\n| [spatial-layout.md](references\u002Fspatial-layout.md) | Spatial Layout | visionOS window placement, depth, ergonomic zones, Z-axis design |\n| [typography.md](references\u002Ftypography.md) | Typography | SF Pro, Dynamic Type sizes, text styles, custom fonts, font weight hierarchy, line spacing |\n| [writing.md](references\u002Fwriting.md) | Writing | UI copy guidelines, tone, capitalization rules, error messages, button labels, conciseness |\n\n## Applying Foundations Together\n\nConsider how principles interact:\n\n1. **Color + Dark Mode + Accessibility** -- Custom palettes must work in both modes while maintaining WCAG contrast ratios. Start with system semantic colors.\n\n2. **Typography + Accessibility + Layout** -- Dynamic Type must scale without breaking layouts. Use text styles and Auto Layout for the full range of type sizes.\n\n3. **Icons + Branding + SF Symbols** -- Custom icons should match SF Symbols weight and optical sizing. Brand elements should integrate without overriding system conventions.\n\n4. **Motion + Accessibility + Feedback** -- Every animation must have a Reduce Motion alternative. Motion should reinforce spatial relationships, not decorate.\n\n5. **Privacy + Writing + Onboarding** -- Permission requests need clear, specific usage descriptions. Time them to when the user will understand the benefit.\n\n## Output Format\n\n1. **Cite the specific HIG foundation** with file and section.\n2. **Note platform differences** for the user's target platforms.\n3. **Provide concrete code patterns** (SwiftUI\u002FUIKit\u002FAppKit).\n4. **Explain accessibility impact** (contrast ratios, Dynamic Type scaling, VoiceOver behavior).\n\n## Questions to Ask\n\n1. Which platforms are you targeting?\n2. Do you have existing brand guidelines?\n3. What accessibility level are you targeting? (WCAG AA, AAA, Apple baseline?)\n4. System colors or custom?\n\n## Related Skills\n\n- **hig-platforms** -- How foundations apply per platform (e.g., type scale differences on watchOS vs macOS)\n- **hig-patterns** -- Interaction patterns where foundations like writing and accessibility are critical\n- **hig-components-layout** -- Structural components implementing layout principles\n- **hig-components-content** -- Content display using color, typography, and images\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: Design Foundations\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. **Prioritize content over chrome.** Reduce visual clutter. Use system-provided materials and subtle separators rather than heavy borders and backgrounds.\n\n2. **Build in accessibility from the start.** Design for VoiceOver, Dynamic Type, Reduce Motion, Increase Contrast, and Switch Control from day one. Every interactive element needs an accessible label.\n\n3. **Use system colors and materials.** System colors adapt to light\u002Fdark mode, increased contrast, and vibrancy. Prefer semantic colors (`label`, `secondaryLabel`, `systemBackground`) over hard-coded values.\n\n4. **Use platform fonts and icons.** SF Pro, SF Compact, SF Mono by default. New York for serif. Follow the type hierarchy at recommended sizes. Use SF Symbols for iconography.\n\n5. **Match platform conventions.** Align look and behavior with system standards. Provide direct, responsive manipulation and clear feedback for every action.\n\n6. **Respect privacy.** Request permissions only when needed, explain why clearly, provide value before asking for data. Design for minimal data collection.\n\n7. **Support internationalization.** Accommodate text expansion, right-to-left scripts, and varying date\u002Fnumber formats. Use Auto Layout for dynamic content sizing.\n\n8. **Use motion purposefully.** Animation should communicate meaning and spatial relationships. Honor Reduce Motion by providing crossfade alternatives.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [accessibility.md](references\u002Faccessibility.md) | Accessibility | VoiceOver, Dynamic Type, color contrast, motor accessibility, Switch Control, audio descriptions |\n| [app-icons.md](references\u002Fapp-icons.md) | App Icons | Icon grid, platform-specific sizes, single focal point, no transparency |\n| [branding.md](references\u002Fbranding.md) | Branding | Integrating brand identity within Apple's design language, subtle branding, custom tints |\n| [color.md](references\u002Fcolor.md) | Color | System colors, Dynamic Colors, semantic colors, custom palettes, contrast ratios |\n| [dark-mode.md](references\u002Fdark-mode.md) | Dark Mode | Elevated surfaces, semantic colors, adapted palettes, vibrancy, testing in both modes |\n| [icons.md](references\u002Ficons.md) | Icons | Glyph icons, SF Symbols integration, custom icon design, icon weights, optical alignment |\n| [images.md](references\u002Fimages.md) | Images | Image resolution, @2x\u002F@3x assets, vector assets, image accessibility |\n| [immersive-experiences.md](references\u002Fimmersive-experiences.md) | Immersive Experiences | AR\u002FVR design, spatial immersion, comfort zones, progressive immersion levels |\n| [inclusion.md](references\u002Finclusion.md) | Inclusion | Diverse representation, non-gendered language, cultural sensitivity, inclusive defaults |\n| [layout.md](references\u002Flayout.md) | Layout | Margins, spacing, alignment, safe areas, adaptive layouts, readable content guides |\n| [materials.md](references\u002Fmaterials.md) | Materials | Vibrancy, blur, translucency, system materials, material thickness |\n| [motion.md](references\u002Fmotion.md) | Motion | Animation curves, transitions, continuity, Reduce Motion support, physics-based motion |\n| [privacy.md](references\u002Fprivacy.md) | Privacy | Permission requests, usage descriptions, privacy nutrition labels, minimal data collection |\n| [right-to-left.md](references\u002Fright-to-left.md) | Right-to-Left | RTL layout mirroring, bidirectional text, icons that flip, exceptions |\n| [sf-symbols.md](references\u002Fsf-symbols.md) | SF Symbols | Symbol categories, rendering modes, variable color, custom symbols, weight matching |\n| [spatial-layout.md](references\u002Fspatial-layout.md) | Spatial Layout | visionOS window placement, depth, ergonomic zones, Z-axis design |\n| [typography.md](references\u002Ftypography.md) | Typography | SF Pro, Dynamic Type sizes, text styles, custom fonts, font weight hierarchy, line spacing |\n| [writing.md](references\u002Fwriting.md) | Writing | UI copy guidelines, tone, capitalization rules, error messages, button labels, conciseness |\n\n## Applying Foundations Together\n\nConsider how principles interact:\n\n1. **Color + Dark Mode + Accessibility** -- Custom palettes must work in both modes while maintaining WCAG contrast ratios. Start with system semantic colors.\n\n2. **Typography + Accessibility + Layout** -- Dynamic Type must scale without breaking layouts. Use text styles and Auto Layout for the full range of type sizes.\n\n3. **Icons + Branding + SF Symbols** -- Custom icons should match SF Symbols weight and optical sizing. Brand elements should integrate without overriding system conventions.\n\n4. **Motion + Accessibility + Feedback** -- Every animation must have a Reduce Motion alternative. Motion should reinforce spatial relationships, not decorate.\n\n5. **Privacy + Writing + Onboarding** -- Permission requests need clear, specific usage descriptions. Time them to when the user will understand the benefit.\n\n## Output Format\n\n1. **Cite the specific HIG foundation** with file and section.\n2. **Note platform differences** for the user's target platforms.\n3. **Provide concrete code patterns** (SwiftUI\u002FUIKit\u002FAppKit).\n4. **Explain accessibility impact** (contrast ratios, Dynamic Type scaling, VoiceOver behavior).\n\n## Questions to Ask\n\n1. Which platforms are you targeting?\n2. Do you have existing brand guidelines?\n3. What accessibility level are you targeting? (WCAG AA, AAA, Apple baseline?)\n4. System colors or custom?\n\n## Related Skills\n\n- **hig-platforms** -- How foundations apply per platform (e.g., type scale differences on watchOS vs macOS)\n- **hig-patterns** -- Interaction patterns where foundations like writing and accessibility are critical\n- **hig-components-layout** -- Structural components implementing layout principles\n- **hig-components-content** -- Content display using color, typography, and images\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":33,"source":28,"date_added":39,"description":7},"2026-02-27","main","c173cdffe08e788a99b91928a831b476b8434838","ecosystem\u002Fskills\u002Fhig_foundations",0,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw","https:\u002F\u002Fportfolio-longleo.vercel.app\u002Flabs\u002Fomniclaw.html","https:\u002F\u002Fgithub.com\u002FLongLeo287","https:\u002F\u002Fwww.facebook.com\u002FResourceRookie2023","2026-11-14 08:48:28",{"source":8,"skillName":5,"commands":50,"prompt":60,"zipAvailable":61},[51,54,57],{"tool":52,"command":53},"npx","npx skills add LongLeo287\u002FOmniClaw --skill hig_foundations",{"tool":55,"command":56},"bunx","bunx skills add LongLeo287\u002FOmniClaw --skill hig_foundations",{"tool":58,"command":59},"pnpm","pnpm dlx skills add LongLeo287\u002FOmniClaw --skill hig_foundations","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002FSKILL.md",true,[63,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145],{"path":64,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":67,"sourceHtmlUrl":68},"_DIR_IDENTITY.md","REFERENCE","参考文档",152,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002F_DIR_IDENTITY.md",{"path":70,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":71,"sourceHtmlUrl":72},"README.md",465,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002FREADME.md",{"path":74,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":75,"sourceHtmlUrl":76},"references\u002Faccessibility.md",29765,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Faccessibility.md",{"path":78,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":79,"sourceHtmlUrl":80},"references\u002Fapp_icons.md",20872,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fapp_icons.md",{"path":82,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":83,"sourceHtmlUrl":84},"references\u002Fbranding.md",4757,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fbranding.md",{"path":86,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":87,"sourceHtmlUrl":88},"references\u002Fcolor.md",45593,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fcolor.md",{"path":90,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":91,"sourceHtmlUrl":92},"references\u002Fdark_mode.md",14225,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fdark_mode.md",{"path":94,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Ficons.md",29887,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Ficons.md",{"path":98,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fimages.md",17488,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fimages.md",{"path":102,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Fimmersive_experiences.md",22356,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fimmersive_experiences.md",{"path":106,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":107,"sourceHtmlUrl":108},"references\u002Finclusion.md",19021,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Finclusion.md",{"path":110,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":111,"sourceHtmlUrl":112},"references\u002Flayout.md",38114,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Flayout.md",{"path":114,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":115,"sourceHtmlUrl":116},"references\u002Fmaterials.md",24296,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fmaterials.md",{"path":118,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":119,"sourceHtmlUrl":120},"references\u002Fmotion.md",11035,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fmotion.md",{"path":122,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":123,"sourceHtmlUrl":124},"references\u002Fprivacy.md",27701,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fprivacy.md",{"path":126,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":127,"sourceHtmlUrl":128},"references\u002Fright_to_left.md",30706,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fright_to_left.md",{"path":130,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":131,"sourceHtmlUrl":132},"references\u002Fsf_symbols.md",35454,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fsf_symbols.md",{"path":134,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":135,"sourceHtmlUrl":136},"references\u002Fspatial_layout.md",14794,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fspatial_layout.md",{"path":138,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":139,"sourceHtmlUrl":140},"references\u002Ftypography.md",50754,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Ftypography.md",{"path":142,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":143,"sourceHtmlUrl":144},"references\u002Fwriting.md",12599,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Freferences\u002Fwriting.md",{"path":146,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":147,"sourceHtmlUrl":148},"schema.json",447,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fhig_foundations\u002Fschema.json",[150,188,210,238,254,281],{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":168,"publishedAt":34},"01M6JR0KQP4MHT32TN40D9CBFX","UI-UX Pro Max","Advanced UI\u002FUX analysis and generation skills with data-driven patterns. Python scripts (core.py, search.py) for systematic UI pattern extraction, design system generation, and component search from curated data sources.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fui_ux_pro_max\u002FSKILL.md",[156,157,160,165],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":158,"categoryName":159,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":161,"categoryName":162,"taxonomyType":163,"taxonomyTypeDesc":164},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":166,"categoryName":167,"taxonomyType":163,"taxonomyTypeDesc":164},"01JBSEEDCAT000000000000033","数据分析师",[169,170,171,172,173,174,26,175,176,177,178,179,180,181,182,183,184,185,186,187],"ux","ui","ui ux pro max","max","pro","ui ux","component","search","analysis","team","rd","ui-ux","active","systematic","scripts","pattern extraction","sources","advanced","data-driven",{"skillNo":189,"name":190,"nameZh":6,"description":191,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":192,"categories":193,"keywords":195,"publishedAt":34},"01M6JR0EF5AEQHP2FSTB57H05P","shadcn-ui","Expert guidance for integrating and building applications with shadcn\u002Fui components, including component discovery, installation, customization, and best practices.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fshadcn_ui\u002FSKILL.md",[194],{"categoryNo":161,"categoryName":162,"taxonomyType":163,"taxonomyTypeDesc":164},[196,170,197,198,175,199,200,201,202,178,203,204,205,181,206,207,208,209],"shadcn","shadcn ui","components","core","best practices","applications","discovery","customization","guidance","expert","installation","ui components","with","for",{"skillNo":211,"name":212,"nameZh":6,"description":213,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":214,"categories":215,"keywords":219,"publishedAt":34},"01M6JR08F51BEN17RHFYX65WVE","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 reactive state patterns with Zustand.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand_store_ts\u002FSKILL.md",[216],{"categoryNo":217,"categoryName":218,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,208,236,237],"zustand store ts","zustand","store","typescript","microsoft","react","create","state management","state","react state management","management","global","use","patterns","separation","middleware","action","implementing",{"skillNo":239,"name":221,"nameZh":6,"description":240,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":241,"categories":242,"keywords":243,"publishedAt":34},"01M6JR00TDMVAFFCZXZ04AN7Q7","Zustand state management guide. Use when working with store code (src\u002Fstore\u002F**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand\u002FSKILL.md",[],[221,244,227,245,228,246,247,230,248,232,249,250,251,222,208,252,253,236,237],"development","code","actions","src","guide","implementation","zustand state","triggers","questions","zustand state management",{"skillNo":255,"name":256,"nameZh":6,"description":257,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":258,"categories":259,"keywords":264,"publishedAt":34},"01M6JQZSWV4KWJP112G6XHEP44","youtube_summarizer","Automatically fetch YouTube video transcripts, generate structured summaries, and send full transcripts to messaging platforms. Detects YouTube URLs and provides metadata, key insights, and downloadable transcripts.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_summarizer\u002FSKILL.md",[260,263],{"categoryNo":261,"categoryName":262,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":158,"categoryName":159,"taxonomyType":21,"taxonomyTypeDesc":22},[265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280],"youtube","youtube summarizer","summarizer","generate","metadata","messaging","Video","fetch","telegram","transcription","summarization","structured","full","insights","transcripts","summaries",{"skillNo":282,"name":283,"nameZh":6,"description":284,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":285,"categories":286,"keywords":287,"publishedAt":34},"01M6JQZN3QJB6B77JGKJD62DQT","youtube_clipper","YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语字幕版本时。 关键词：视频剪辑、YouTube、字幕翻译、双语字幕、视频下载、clip video","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_clipper\u002FSKILL.md",[],[265,288,289,271,290,291,292,293,294,295,296,297,298,299,300,301,302],"clipper","youtube clipper","Bash","下载","视频","生成","关键词","翻译","read","write","clip","总结","工具","文案","sonnet"]