{"id":"08486898-6b24-4e0a-8ce0-f8eeebb150db","slug":"axiaoge2-apple-hig-designer","name":"apple-hig-designer","description":"Design Apple-style iOS/macOS interfaces following Human Interface Guidelines. Creates HIG-compliant components with SF Symbols, San Francisco typography, and proper accessibility. Supports optional modern effects. Use when designing Apple-style UI, iOS/macOS interfaces, HIG-compliant components, or implementing design system specifications.","canonicalUrl":"https://www.xpersona.co/skill/axiaoge2-apple-hig-designer","sourceUrl":"https://github.com/axiaoge2/Apple-Hig-Designer","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"axiaoge2","label":"Axiaoge2","url":"https://github.com/axiaoge2/Apple-Hig-Designer"},"protocols":["OPENCLEW"],"capabilities":["badge","prefers"],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T01:15:16.546Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Axiaoge2"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","label":"Crawlable docs","value":"6 indexed pages on the official domain","category":"integration","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true,"metadata":{}},{"factKey":"vendor","label":"Vendor","value":"Axiaoge2","category":"vendor","href":"https://github.com/axiaoge2/Apple-Hig-Designer","sourceUrl":"https://github.com/axiaoge2/Apple-Hig-Designer","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:15:16.547Z","isPublic":true,"metadata":{}},{"factKey":"protocols","label":"Protocol compatibility","value":"OpenClaw","category":"compatibility","href":"https://www.xpersona.co/api/v1/agents/axiaoge2-apple-hig-designer/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/axiaoge2-apple-hig-designer/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T01:15:16.547Z","isPublic":true,"metadata":{}},{"factKey":"traction","label":"Adoption signal","value":"108 GitHub stars","category":"adoption","href":"https://github.com/axiaoge2/Apple-Hig-Designer","sourceUrl":"https://github.com/axiaoge2/Apple-Hig-Designer","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:15:16.547Z","isPublic":true,"metadata":{}},{"factKey":"handshake_status","label":"Handshake status","value":"UNKNOWN","category":"security","href":"https://www.xpersona.co/api/v1/agents/axiaoge2-apple-hig-designer/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/axiaoge2-apple-hig-designer/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true,"metadata":{}}],"highlights":["108 GitHub stars","Trust evidence available"],"agentCard":{"name":"apple-hig-designer","description":"Design Apple-style iOS/macOS interfaces following Human Interface Guidelines. Creates HIG-compliant components with SF Symbols, San Francisco typography, and proper accessibility. Supports optional modern effects. Use when designing Apple-style UI, iOS/macOS interfaces, HIG-compliant components, or implementing design system specifications.","source":"GITHUB_OPENCLEW","sourceId":"github:1115301651","repository":"https://github.com/axiaoge2/Apple-Hig-Designer","documentation":"https://www.xpersona.co/skill/axiaoge2-apple-hig-designer/agent/axiaoge2-apple-hig-designer","protocols":["OPENCLEW"],"capabilities":["badge","prefers"],"languages":["typescript"],"install":{"command":"git clone https://github.com/axiaoge2/Apple-Hig-Designer.git","ecosystem":"git"},"examples":[{"kind":"example","language":"css","snippet":"/* System Font Stack for Web */\n:root {\n  --font-system: -apple-system, BlinkMacSystemFont, 'SF Pro Display',\n                 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\n  --font-mono: 'SF Mono', SFMono-Regular, Menlo, Monaco, monospace;\n}\n\n/* Font Size Scale (iOS) */\n--text-caption2: 11px;    /* Caption 2 */\n--text-caption1: 12px;    /* Caption 1 */\n--text-footnote: 13px;    /* Footnote */\n--text-subhead: 15px;     /* Subheadline */\n--text-body: 17px;        /* Body - Default */\n--text-headline: 17px;    /* Headline (semibold) */\n--text-title3: 20px;      /* Title 3 */\n--text-title2: 22px;      /* Title 2 */\n--text-title1: 28px;      /* Title 1 */\n--text-large-title: 34px; /* Large Title */"},{"kind":"example","language":"css","snippet":"/* Apple System Colors - Light Mode */\n:root {\n  /* Primary Colors */\n  --system-blue: #007AFF;\n  --system-green: #34C759;\n  --system-indigo: #5856D6;\n  --system-orange: #FF9500;\n  --system-pink: #FF2D55;\n  --system-purple: #AF52DE;\n  --system-red: #FF3B30;\n  --system-teal: #5AC8FA;\n  --system-yellow: #FFCC00;\n\n  /* Gray Scale */\n  --system-gray: #8E8E93;\n  --system-gray2: #AEAEB2;\n  --system-gray3: #C7C7CC;\n  --system-gray4: #D1D1D6;\n  --system-gray5: #E5E5EA;\n  --system-gray6: #F2F2F7;\n\n  /* Semantic Colors */\n  --label-primary: #000000;\n  --label-secondary: rgba(60, 60, 67, 0.6);\n  --label-tertiary: rgba(60, 60, 67, 0.3);\n  --label-quaternary: rgba(60, 60, 67, 0.18);\n\n  /* Backgrounds */\n  --bg-primary: #FFFFFF;\n  --bg-secondary: #F2F2F7;\n  --bg-tertiary: #FFFFFF;\n\n  /* Separators */\n  --separator: rgba(60, 60, 67, 0.29);\n  --separator-opaque: #C6C6C8;\n}\n\n/* Dark Mode */\n@media (prefers-color-scheme: dark) {\n  :root {\n    --system-blue: #0A84FF;\n    --system-green: #30D158;\n    --system-indigo: #5E5CE6;\n    --system-orange: #FF9F0A;\n    --system-pink: #FF375F;\n    --system-purple: #BF5AF2;\n    --system-red: #FF453A;\n    --system-teal: #64D2FF;\n    --system-yellow: #FFD60A;\n\n    --system-gray: #8E8E93;\n    --system-gray2: #636366;\n    --system-gray3: #48484A;\n    --system-gray4: #3A3A3C;\n    --system-gray5: #2C2C2E;\n    --system-gray6: #1C1C1E;\n\n    --label-primary: #FFFFFF;\n    --label-secondary: rgba(235, 235, 245, 0.6);\n    --label-tertiary: rgba(235, 235, 245, 0.3);\n    --label-quaternary: rgba(235, 235, 245, 0.18);\n\n    --bg-primary: #000000;\n    --bg-secondary: #1C1C1E;\n    --bg-tertiary: #2C2C2E;\n\n    --separator: rgba(84, 84, 88, 0.6);\n    --separator-opaque: #38383A;\n  }\n}"}]}}