[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71JSNPDAEZN8N5K95SN7WMP":3,"skill-same:01M71JSNPDAEZN8N5K95SN7WMP":78},{"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":26,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":55,"commitSha":56,"skillDirectory":57,"forksCount":58,"repositoryHtmlUrl":59,"repositoryHomepageUrl":60,"ownerHtmlUrl":61,"ownerBlogUrl":62,"ownerDescription":63,"updatedAt":64,"install":65,"resources":77},"01M71JSNPDAEZN8N5K95SN7WMP","axiom-liquid-glass",null,"Use when implementing, reviewing, or debugging Apple Liquid Glass: iOS 26+ adoption, Regular vs Clear variants, tinting, scroll edge effects, or an iOS-native redesign review.","coco-research\u002Fcoco","coco-research","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F68911604?v=4","01M71JRE9C4NM4NSZM4JD0BJTB","Coco Research","01M71JREA0ZMR0PMH3CKA99SN1",631,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fskills\u002Faxiom-liquid-glass\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"axiom","liquid","axiom liquid glass","liquid glass","native","apple","review","when","debugging","effects","clear","adoption","use","edge","macos","redesign","discipline","variants","design","implementing","2026-11-10 10:12:30",false,"---\nname: axiom-liquid-glass\ndescription: \"Use when implementing, reviewing, or debugging Apple Liquid Glass: iOS 26+ adoption, Regular vs Clear variants, tinting, scroll edge effects, or an iOS-native redesign review.\"\nuser-invocable: true\nskill_type: discipline\nversion: 1.2.0\napple_platforms: iOS 26+, iPadOS 26+, macOS Tahoe+, visionOS 3+\ndomain: design\n---\n\n# Liquid Glass — Apple's Design System\n\n## When to Use This Skill\n\n- Implementing Liquid Glass effects in your app\n- Reviewing existing UI for Liquid Glass adoption opportunities\n- Debugging visual artifacts with Liquid Glass materials\n- Optimizing Liquid Glass performance\n- Requesting expert review of Liquid Glass implementation\n- Redesigning a mobile app UI to feel iOS-native with glass materials\n- Understanding Regular vs Clear variants, tinting, legibility\n- Conducting design reviews with professional push-back frameworks\n\n---\n\n## Part 1: Design Philosophy\n\n### Core Principles\n\n- **Native over custom** — Use system components and patterns first\n- **Restraint over spectacle** — Glass is a tool for hierarchy, not decoration\n- **Material is functional, not decorative** — Improves clarity and depth\n- **\"Feels obvious\" rather than \"looks fancy\"** — Calm, confident, inevitable\n- **Glass complements content** — Lets content shine through\n\nAvoid trendy glassmorphism gimmicks. Glass effects should appear only where they improve clarity and depth. Every screen should feel like it belongs in a first-party Apple app.\n\n### What is Liquid Glass?\n\nLiquid Glass is Apple's next-generation material design system introduced at WWDC 2025. It represents a significant evolution from previous materials (Aqua, iOS 7 blurs, Dynamic Island) by creating a new digital meta-material that:\n\n- **Dynamically bends and shapes light** (lensing) rather than scattering it\n- **Moves organically** like a lightweight liquid, responding to touch and app dynamism\n- **Adapts automatically** to size, environment, content, and light\u002Fdark modes\n- **Unifies design language** across all Apple platforms\n\n### iOS Material Hierarchy\n\nUse glass materials to express depth and context:\n\n| Material | Use For | Visual Weight |\n|----------|---------|---------------|\n| Ultra-thin | Subtle overlays, toolbars, floating controls | Lightest |\n| Regular | Cards needing gentle separation | Medium |\n| Thick | Bottom sheets, modals, areas requiring strong readability | Heaviest |\n\n**Rules:**\n- Background must remain legible through blur (never \"muddy\")\n- Material opacity and blur should scale with background complexity\n- Prefer fewer, larger glass surfaces over many small glass chips\n\n---\n\n## Part 2: Visual Properties\n\n### 1. Lensing (Primary Characteristic)\n\nLiquid Glass defines itself through **lensing** — the warping and bending of light that communicates presence, motion, and form. Unlike previous materials that scattered light, Liquid Glass uses instinctive visual cues from the natural world.\n\n- Dynamically concentrates and shapes light in real-time\n- Provides definition against background while feeling visually grounded\n- Controls feel ultra-lightweight and transparent while visually distinguishable\n- Elements materialize in\u002Fout by modulating light bending (not fading)\n\n### 2. Motion & Fluidity\n\n- **Instant flex and energize** — Responds to interaction by flexing with light\n- **Gel-like flexibility** — Communicates transient, malleable nature\n- **Temporary lift** — Elements can lift into Liquid Glass on interaction\n- **Dynamic morphing** — Continuously shape-shifts between app states\n- **Lightweight transitions** — Menus pop open in-line, maintaining relationship to source\n- Smooth, natural easing (no playful bounce unless system-like)\n- Motion explains hierarchy, not decoration\n\n### 3. Adaptive Behavior\n\nLiquid Glass **continuously adapts** without fixed light\u002Fdark appearance:\n\n- Shadows become more prominent when text scrolls underneath\n- Tint and dynamic range shift to ensure legibility\n- Independently switches light\u002Fdark to feel at home in any context\n- Larger elements (menus, sidebars) simulate thicker material\n- Ambient environment subtly spills onto surface\n\n---\n\n## Part 3: Implementation Guide\n\n### Basic API Usage — SwiftUI `glassEffect` Modifier\n\n```swift\n\u002F\u002F Basic usage - applies glass within capsule shape\nText(\"Hello\")\n    .glassEffect()\n\n\u002F\u002F Custom shape\nText(\"Hello\")\n    .glassEffect(in: RoundedRectangle(cornerRadius: 12))\n\n\u002F\u002F Interactive elements (iOS)\nButton(\"Tap Me\") { }\n    .glassEffect()\n    .interactive()\n```\n\n**Automatic Adoption**: Simply recompiling with Xcode 26 brings Liquid Glass to standard controls automatically.\n\n### Variants: Regular vs Clear\n\n**CRITICAL DECISION**: Never mix Regular and Clear in the same interface.\n\n#### Regular Variant (Default — Use 95% of the Time)\n\n- Most versatile, full visual and adaptive effects\n- Provides legibility regardless of context\n- Works in any size, over any content\n\n**When to use**: Navigation bars, tab bars, toolbars, buttons, menus, sidebars\n\n```swift\nNavigationView {\n    \u002F\u002F Content\n}\n.glassEffect() \u002F\u002F Uses Regular variant by default\n```\n\n#### Clear Variant (Special Cases Only)\n\n- Permanently more transparent, no adaptive behaviors\n- **Requires dimming layer** for legibility\n\n**Use ONLY when ALL three conditions are met**:\n1. Element is over **media-rich content**\n2. Content layer won't be negatively affected by **dimming layer**\n3. Content above glass is **bold and bright**\n\n```swift\nZStack {\n    MediaRichBackground()\n        .overlay(.black.opacity(0.3)) \u002F\u002F Dimming layer\n    BoldBrightControl()\n        .glassEffect(.clear)\n}\n```\n\n**WARNING**: Using Clear without meeting all three conditions results in poor legibility.\n\n### Design Principles & Best Practices\n\n#### Reserve Glass for Navigation Layer\n\n```\n[Content Layer — No Glass]\n    |\n[Navigation Layer — Liquid Glass]\n    - Tab bars, Navigation bars, Toolbars, Floating controls\n```\n\n#### DO NOT Use on Content Layer\n\n```swift\n\u002F\u002F WRONG\nList(items) { item in\n    Text(item.name)\n}\n.glassEffect() \u002F\u002F Competes with navigation, muddy hierarchy\n```\n\n#### DO NOT Stack Glass on Glass\n\n```swift\n\u002F\u002F WRONG\nZStack {\n    NavigationBar().glassEffect()\n    FloatingButton().glassEffect() \u002F\u002F Glass on glass\n}\n\n\u002F\u002F CORRECT\nZStack {\n    NavigationBar().glassEffect()\n    FloatingButton()\n        .foregroundStyle(.primary) \u002F\u002F Use fills, transparency, vibrancy\n}\n```\n\n#### Avoid Content Intersections in Steady State\n\nReposition or scale content to maintain separation. Intersections are acceptable during scrolling\u002Ftransitions.\n\n---\n\n## Part 4: Tinting & Color\n\n### Adaptive Tinting System\n\n1. Selecting color generates range of tones\n2. Tones mapped to content brightness underneath\n3. Changes hue, brightness, saturation based on background\n4. Doesn't deviate too much from intended color\n\n```swift\nButton(\"Primary Action\") { }\n    .tint(.red)\n    .glassEffect()\n```\n\n### Tinting Rules\n\n- **DO**: Use tinting for primary actions only\n- **DON'T**: Tint everything (when everything is tinted, nothing stands out)\n- **DON'T**: Use solid fills on glass elements (breaks visual character)\n- Use color in content layer instead, reserve tinting for primary UI actions\n\n```swift\n\u002F\u002F WRONG - Solid fill breaks glass character\nButton(\"Action\") {}\n    .background(.red) \u002F\u002F Opaque\n\n\u002F\u002F CORRECT - Transparent, grounded\nButton(\"Action\") {}\n    .tint(.red)\n    .glassEffect()\n```\n\n---\n\n## Part 5: Scroll Edge Effects\n\nWork in concert with Liquid Glass to maintain separation with scrolling content.\n\n- Content scrolling -> effect gently dissolves content into background\n- Lifts glass visually above moving content\n- Darker content triggers dark style for contrast\n\n### Hard Style Effect\n\nUse when pinned accessory views exist:\n\n```swift\nScrollView { }\n    .scrollEdgeEffect(.hard)\n```\n\n---\n\n## Part 6: Layout & Component Patterns\n\n### Typography\n- System-first typography (SF Pro style)\n- Clear hierarchy using size & weight, not color\n- Prefer semantic text styles (Title \u002F Headline \u002F Body \u002F Caption)\n\n### Color\n- Neutral palette by default (white, off-white, system grays)\n- Accent colors used sparingly (1 primary accent max)\n- Avoid neon, high saturation blocks, heavy gradients\n\n### Buttons\n- Prefer system button semantics\n- Glass button usage: only for floating contexts (toolbar, overlay)\n- Press state: slight opacity down + subtle scale, never flashy\n\n### Lists\n- iOS list rhythm (consistent row height, predictable spacing)\n- Glass behind lists: only if list is within a sheet\u002Foverlay\n- Ensure text contrast and scannability remain high\n\n### Navigation\n- Standard navigation bars with large titles when appropriate\n- Translucent nav bar when content scrolls under it\n- Preserve clear title hierarchy and scroll behavior\n\n### Modals & Sheets\n- Bottom sheets preferred, respect drag-to-dismiss\n- Regular\u002FThick material based on background complexity\n- Avoid full-screen modal unless task truly demands it\n\n### Layout Principles\n- iOS-native layout patterns, safe-area aware\n- Comfortable touch targets (44pt+)\n- Use whitespace and grouping as main separators\n- Cards should feel light and system-like\n\n---\n\n## Part 7: Layered System Architecture\n\n### 1. Highlights Layer\n- Light sources produce highlights responding to geometry\n- Lights move during interactions, defining silhouette\n- Some respond to device motion\n\n### 2. Shadows Layer\n- Aware of background content\n- Increases shadow opacity over text for separation\n- Lowers shadow opacity over solid light backgrounds\n\n### 3. Internal Glow (Interaction Feedback)\n- Illuminates from within on interaction\n- Glow starts under fingertips, spreads throughout\n- Spreads to nearby Liquid Glass elements\n\n### 4. Adaptive Tinting Layer\n- Multiple layers adapt together\n- Windows losing focus visually recede (Mac\u002FiPad)\n\n---\n\n## Part 8: Accessibility\n\nLiquid Glass offers accessibility features that modify material **without sacrificing its magic**:\n\n| Feature | Effect | Developer Action |\n|---------|--------|-----------------|\n| Reduced Transparency | Makes glass frostier, obscures more | Automatic |\n| Increased Contrast | Elements predominantly black\u002Fwhite with contrasting border | Automatic |\n| Reduced Motion | Decreases intensity, disables elastic properties | Automatic |\n\n**No developer action required** — all features apply automatically when using Liquid Glass.\n\n---\n\n## Part 9: Performance Considerations\n\n### View Hierarchy\n- Regular variant optimized for performance\n- Avoid excessive nesting of glass elements\n- Flatten hierarchy when possible\n\n```swift\n\u002F\u002F WRONG - Deep nesting\nZStack {\n    GlassContainer1().glassEffect()\n    ZStack {\n        GlassContainer2().glassEffect()\n    }\n}\n\n\u002F\u002F CORRECT - Flat hierarchy\nVStack {\n    GlassContainer1().glassEffect()\n    GlassContainer2().glassEffect()\n}\n```\n\n### Rendering Costs\n- Don't animate Liquid Glass elements unnecessarily\n- Use Clear variant sparingly (requires dimming layer computation)\n- Profile with Instruments if experiencing performance issues\n\n---\n\n## Part 10: Testing\n\n### Visual Regression Testing\n\n```swift\nfunc testLiquidGlassAppearance() {\n    let app = XCUIApplication()\n    app.launch()\n\n    \u002F\u002F Test light mode\n    XCTContext.runActivity(named: \"Light Mode Glass\") { _ in\n        let screenshot = app.screenshot()\n    }\n\n    \u002F\u002F Test dark mode\n    app.launchArguments = [\"-UIUserInterfaceStyle\", \"dark\"]\n    app.launch()\n    XCTContext.runActivity(named: \"Dark Mode Glass\") { _ in\n        let screenshot = app.screenshot()\n    }\n}\n```\n\n### Critical Test Cases\n- Light mode vs dark mode\n- Reduced Transparency \u002F Increased Contrast \u002F Reduced Motion enabled\n- Dynamic Type (larger text sizes)\n- Content scrolling (verify scroll edge effects)\n- Right-to-left languages\n\n### Accessibility Testing\n\n```swift\nfunc testLiquidGlassAccessibility() {\n    app.launchArguments += [\n        \"-UIAccessibilityIsReduceTransparencyEnabled\", \"1\",\n        \"-UIAccessibilityButtonShapesEnabled\", \"1\",\n        \"-UIAccessibilityIsReduceMotionEnabled\", \"1\"\n    ]\n    XCTAssertTrue(glassElement.exists)\n    XCTAssertTrue(glassElement.isHittable)\n}\n```\n\n---\n\n## Part 11: Design Review & Push-Back Framework\n\n### Red Flags — Requests That Violate Guidelines\n\nIf you hear ANY of these, **STOP and reference the skill**:\n\n- \"Use Clear everywhere\" — Clear requires three specific conditions\n- \"Glass looks better than fills\" — Correct layer trumps aesthetics\n- \"Stack glass on glass for consistency\" — Explicitly prohibited\n- \"Apply glass to Lists for sophistication\" — Lists are content layer\n\n### How to Push Back Professionally\n\n**Step 1: Show the Framework**\n```\n\"Let me show you Apple's guidance on Clear variant.\nIt requires THREE conditions:\n1. Media-rich content background\n2. Dimming layer for legibility\n3. Bold, bright controls on top\nLet me show which screens meet all three...\"\n```\n\n**Step 2: Demonstrate the Risk**\nOpen the app on a device. Show Clear variant in low-contrast scenario (unreadable) vs Regular (legible).\n\n**Step 3: Offer Compromise**\n```\n\"Clear works beautifully in these hero sections where all three conditions apply.\nRegular handles everything else with automatic legibility. Best of both worlds.\"\n```\n\n**Step 4: Document the Decision**\nIf overruled, send written documentation of the decision and monitoring plan.\n\n---\n\n## Part 12: Expert Review Checklist\n\n### 1. Material Appropriateness\n- [ ] Glass used only on navigation layer (not content)?\n- [ ] Standard controls get glass automatically via Xcode 26 recompile?\n- [ ] No glass-on-glass situations?\n\n### 2. Variant Selection\n- [ ] Regular variant used for most cases?\n- [ ] Clear variant meets all three conditions where used?\n- [ ] Regular and Clear never mixed in same interface?\n\n### 3. Legibility & Contrast\n- [ ] Primary actions selectively tinted (not everything)?\n- [ ] Solid fills avoided on glass elements?\n- [ ] Elements maintain legibility on various backgrounds?\n\n### 4. Layering & Hierarchy\n- [ ] Content intersections avoided in steady states?\n- [ ] Elements on top of glass use fills\u002Ftransparency (not glass)?\n- [ ] Visual hierarchy clear (navigation vs content layer)?\n\n### 5. Scroll Edge Effects\n- [ ] Applied where glass meets scrolling content?\n- [ ] Hard style used for pinned accessory views?\n\n### 6. Accessibility\n- [ ] Works with Reduced Transparency, Increased Contrast, Reduced Motion?\n- [ ] Interactive elements hittable in all configurations?\n\n### 7. Performance\n- [ ] View hierarchy reasonably flat?\n- [ ] Glass elements animated only when necessary?\n- [ ] Clear variant used sparingly?\n\n---\n\n## Part 13: API Reference\n\n### SwiftUI Modifiers\n\n#### `glassEffect(in:isInteractive:)`\n\n```swift\nfunc glassEffect\u003CS: Shape>(\n    in shape: S = Capsule(),\n    isInteractive: Bool = false\n) -> some View\n```\n\n#### `glassEffect(_:in:isInteractive:)`\n\n```swift\nfunc glassEffect\u003CS: Shape>(\n    _ variant: GlassVariant,  \u002F\u002F .regular or .clear\n    in shape: S = Capsule(),\n    isInteractive: Bool = false\n) -> some View\n```\n\n#### `scrollEdgeEffect(_:)`\n\n```swift\nfunc scrollEdgeEffect(_ style: ScrollEdgeStyle) -> some View\n\u002F\u002F styles: .automatic, .soft, .hard\n```\n\n#### `scrollEdgeEffectStyle(_:for:)` (NEW in iOS 26)\n\n```swift\nfunc scrollEdgeEffectStyle(_ style: ScrollEdgeStyle, for edges: Edge.Set) -> some View\n```\n\n#### `glassBackgroundEffect()` (NEW in iOS 26)\n\nApply glass effect to custom views for reflecting surrounding content.\n\n```swift\nCustomPhotoGrid()\n    .glassBackgroundEffect()\n```\n\n#### `GlassEffectContainer` (NEW in iOS 26)\n\nContainer for combining multiple Liquid Glass effects with optimized rendering.\n\n```swift\nGlassEffectContainer {\n    HStack {\n        Button(\"Action 1\") { }.glassEffect()\n        Button(\"Action 2\") { }.glassEffect()\n    }\n}\n```\n\nBenefits: Optimizes rendering, fluid morphing between glass shapes, reduced compositor overhead.\n\n### Toolbar Modifiers (NEW in iOS 26)\n\n#### `Spacer(.fixed)` in Toolbars\n\nSeparates toolbar button groups with fixed spacing.\n\n#### `.buttonStyle(.borderedProminent)` + `.tint()` in Toolbars\n\nMakes toolbar items prominent with Liquid Glass tinting.\n\n### Navigation & Search (NEW in iOS 26)\n\n- **Bottom-aligned search** on iPhone (automatic with `.searchable()`)\n- **Search tab role** with `.tabRole(.search)` — morphs into search field\n- **Tab bar minimization** with `.tabBarMinimizationBehavior(.onScrollDown)`\n\n### Types\n\n```swift\nenum GlassVariant {\n    case regular  \u002F\u002F Default - full adaptive behavior\n    case clear    \u002F\u002F More transparent, no adaptation\n}\n\nenum ScrollEdgeStyle {\n    case automatic  \u002F\u002F System determines\n    case soft       \u002F\u002F Gradual fade\n    case hard       \u002F\u002F Uniform across toolbar height\n}\n```\n\n---\n\n## Part 14: Backward Compatibility\n\n### UIDesignRequiresCompatibility Key (NEW in iOS 26)\n\nAdd to Info.plist to maintain iOS 18 appearance while building with iOS 26 SDK:\n\n```xml\n\u003Ckey>UIDesignRequiresCompatibility\u003C\u002Fkey>\n\u003Ctrue\u002F>\n```\n\n**Migration strategy:**\n1. Ship with key enabled\n2. Audit interface changes in separate build\n3. Update interface incrementally\n4. Remove key when ready for Liquid Glass\n\n---\n\n## Output Requirements (For UI Redesigns)\n\nFor each redesigned screen, provide:\n\n1. **Design intent** — What feels more iOS-native and why\n2. **Layout structure** — Regions, spacing, safe-area decisions\n3. **Material map** — Where glass is used, which thickness, and why\n4. **Typography map** — Text styles and hierarchy rationale\n5. **Interaction & motion notes** — Scroll, transitions, gestures\n6. **iOS-native justification** — System defaults, familiarity, clarity\n\n---\n\n## Absolute Avoid List\n\n- Over-designed custom components\n- Glass everywhere (blanket translucency)\n- Trendy gimmicks (neon, glow, heavy gradients, fake reflections)\n- Harsh borders or outlines\n- Dense, cluttered information layouts\n- Non-standard navigation patterns\n- Solid opaque fills on glass elements\n\n---\n\n## Resources\n\n**WWDC**: 2025-219, 2025-323, 2025-256\n**Docs**: \u002Ftechnologyoverviews\u002Fadopting-liquid-glass, \u002Fswiftui\u002Flandmarks-building-an-app-with-liquid-glass, \u002Fswiftui\u002Fapplying-liquid-glass-to-custom-views\n**Related Skills**: axiom-liquid-glass-ref, swiftui-liquid-glass\n**Platforms:** iOS 26+, iPadOS 26+, macOS Tahoe, visionOS 3\n**Xcode:** 26+\n","# Liquid Glass — Apple's Design System\n\n## When to Use This Skill\n\n- Implementing Liquid Glass effects in your app\n- Reviewing existing UI for Liquid Glass adoption opportunities\n- Debugging visual artifacts with Liquid Glass materials\n- Optimizing Liquid Glass performance\n- Requesting expert review of Liquid Glass implementation\n- Redesigning a mobile app UI to feel iOS-native with glass materials\n- Understanding Regular vs Clear variants, tinting, legibility\n- Conducting design reviews with professional push-back frameworks\n\n---\n\n## Part 1: Design Philosophy\n\n### Core Principles\n\n- **Native over custom** — Use system components and patterns first\n- **Restraint over spectacle** — Glass is a tool for hierarchy, not decoration\n- **Material is functional, not decorative** — Improves clarity and depth\n- **\"Feels obvious\" rather than \"looks fancy\"** — Calm, confident, inevitable\n- **Glass complements content** — Lets content shine through\n\nAvoid trendy glassmorphism gimmicks. Glass effects should appear only where they improve clarity and depth. Every screen should feel like it belongs in a first-party Apple app.\n\n### What is Liquid Glass?\n\nLiquid Glass is Apple's next-generation material design system introduced at WWDC 2025. It represents a significant evolution from previous materials (Aqua, iOS 7 blurs, Dynamic Island) by creating a new digital meta-material that:\n\n- **Dynamically bends and shapes light** (lensing) rather than scattering it\n- **Moves organically** like a lightweight liquid, responding to touch and app dynamism\n- **Adapts automatically** to size, environment, content, and light\u002Fdark modes\n- **Unifies design language** across all Apple platforms\n\n### iOS Material Hierarchy\n\nUse glass materials to express depth and context:\n\n| Material | Use For | Visual Weight |\n|----------|---------|---------------|\n| Ultra-thin | Subtle overlays, toolbars, floating controls | Lightest |\n| Regular | Cards needing gentle separation | Medium |\n| Thick | Bottom sheets, modals, areas requiring strong readability | Heaviest |\n\n**Rules:**\n- Background must remain legible through blur (never \"muddy\")\n- Material opacity and blur should scale with background complexity\n- Prefer fewer, larger glass surfaces over many small glass chips\n\n---\n\n## Part 2: Visual Properties\n\n### 1. Lensing (Primary Characteristic)\n\nLiquid Glass defines itself through **lensing** — the warping and bending of light that communicates presence, motion, and form. Unlike previous materials that scattered light, Liquid Glass uses instinctive visual cues from the natural world.\n\n- Dynamically concentrates and shapes light in real-time\n- Provides definition against background while feeling visually grounded\n- Controls feel ultra-lightweight and transparent while visually distinguishable\n- Elements materialize in\u002Fout by modulating light bending (not fading)\n\n### 2. Motion & Fluidity\n\n- **Instant flex and energize** — Responds to interaction by flexing with light\n- **Gel-like flexibility** — Communicates transient, malleable nature\n- **Temporary lift** — Elements can lift into Liquid Glass on interaction\n- **Dynamic morphing** — Continuously shape-shifts between app states\n- **Lightweight transitions** — Menus pop open in-line, maintaining relationship to source\n- Smooth, natural easing (no playful bounce unless system-like)\n- Motion explains hierarchy, not decoration\n\n### 3. Adaptive Behavior\n\nLiquid Glass **continuously adapts** without fixed light\u002Fdark appearance:\n\n- Shadows become more prominent when text scrolls underneath\n- Tint and dynamic range shift to ensure legibility\n- Independently switches light\u002Fdark to feel at home in any context\n- Larger elements (menus, sidebars) simulate thicker material\n- Ambient environment subtly spills onto surface\n\n---\n\n## Part 3: Implementation Guide\n\n### Basic API Usage — SwiftUI `glassEffect` Modifier\n\n```swift\n\u002F\u002F Basic usage - applies glass within capsule shape\nText(\"Hello\")\n    .glassEffect()\n\n\u002F\u002F Custom shape\nText(\"Hello\")\n    .glassEffect(in: RoundedRectangle(cornerRadius: 12))\n\n\u002F\u002F Interactive elements (iOS)\nButton(\"Tap Me\") { }\n    .glassEffect()\n    .interactive()\n```\n\n**Automatic Adoption**: Simply recompiling with Xcode 26 brings Liquid Glass to standard controls automatically.\n\n### Variants: Regular vs Clear\n\n**CRITICAL DECISION**: Never mix Regular and Clear in the same interface.\n\n#### Regular Variant (Default — Use 95% of the Time)\n\n- Most versatile, full visual and adaptive effects\n- Provides legibility regardless of context\n- Works in any size, over any content\n\n**When to use**: Navigation bars, tab bars, toolbars, buttons, menus, sidebars\n\n```swift\nNavigationView {\n    \u002F\u002F Content\n}\n.glassEffect() \u002F\u002F Uses Regular variant by default\n```\n\n#### Clear Variant (Special Cases Only)\n\n- Permanently more transparent, no adaptive behaviors\n- **Requires dimming layer** for legibility\n\n**Use ONLY when ALL three conditions are met**:\n1. Element is over **media-rich content**\n2. Content layer won't be negatively affected by **dimming layer**\n3. Content above glass is **bold and bright**\n\n```swift\nZStack {\n    MediaRichBackground()\n        .overlay(.black.opacity(0.3)) \u002F\u002F Dimming layer\n    BoldBrightControl()\n        .glassEffect(.clear)\n}\n```\n\n**WARNING**: Using Clear without meeting all three conditions results in poor legibility.\n\n### Design Principles & Best Practices\n\n#### Reserve Glass for Navigation Layer\n\n```\n[Content Layer — No Glass]\n    |\n[Navigation Layer — Liquid Glass]\n    - Tab bars, Navigation bars, Toolbars, Floating controls\n```\n\n#### DO NOT Use on Content Layer\n\n```swift\n\u002F\u002F WRONG\nList(items) { item in\n    Text(item.name)\n}\n.glassEffect() \u002F\u002F Competes with navigation, muddy hierarchy\n```\n\n#### DO NOT Stack Glass on Glass\n\n```swift\n\u002F\u002F WRONG\nZStack {\n    NavigationBar().glassEffect()\n    FloatingButton().glassEffect() \u002F\u002F Glass on glass\n}\n\n\u002F\u002F CORRECT\nZStack {\n    NavigationBar().glassEffect()\n    FloatingButton()\n        .foregroundStyle(.primary) \u002F\u002F Use fills, transparency, vibrancy\n}\n```\n\n#### Avoid Content Intersections in Steady State\n\nReposition or scale content to maintain separation. Intersections are acceptable during scrolling\u002Ftransitions.\n\n---\n\n## Part 4: Tinting & Color\n\n### Adaptive Tinting System\n\n1. Selecting color generates range of tones\n2. Tones mapped to content brightness underneath\n3. Changes hue, brightness, saturation based on background\n4. Doesn't deviate too much from intended color\n\n```swift\nButton(\"Primary Action\") { }\n    .tint(.red)\n    .glassEffect()\n```\n\n### Tinting Rules\n\n- **DO**: Use tinting for primary actions only\n- **DON'T**: Tint everything (when everything is tinted, nothing stands out)\n- **DON'T**: Use solid fills on glass elements (breaks visual character)\n- Use color in content layer instead, reserve tinting for primary UI actions\n\n```swift\n\u002F\u002F WRONG - Solid fill breaks glass character\nButton(\"Action\") {}\n    .background(.red) \u002F\u002F Opaque\n\n\u002F\u002F CORRECT - Transparent, grounded\nButton(\"Action\") {}\n    .tint(.red)\n    .glassEffect()\n```\n\n---\n\n## Part 5: Scroll Edge Effects\n\nWork in concert with Liquid Glass to maintain separation with scrolling content.\n\n- Content scrolling -> effect gently dissolves content into background\n- Lifts glass visually above moving content\n- Darker content triggers dark style for contrast\n\n### Hard Style Effect\n\nUse when pinned accessory views exist:\n\n```swift\nScrollView { }\n    .scrollEdgeEffect(.hard)\n```\n\n---\n\n## Part 6: Layout & Component Patterns\n\n### Typography\n- System-first typography (SF Pro style)\n- Clear hierarchy using size & weight, not color\n- Prefer semantic text styles (Title \u002F Headline \u002F Body \u002F Caption)\n\n### Color\n- Neutral palette by default (white, off-white, system grays)\n- Accent colors used sparingly (1 primary accent max)\n- Avoid neon, high saturation blocks, heavy gradients\n\n### Buttons\n- Prefer system button semantics\n- Glass button usage: only for floating contexts (toolbar, overlay)\n- Press state: slight opacity down + subtle scale, never flashy\n\n### Lists\n- iOS list rhythm (consistent row height, predictable spacing)\n- Glass behind lists: only if list is within a sheet\u002Foverlay\n- Ensure text contrast and scannability remain high\n\n### Navigation\n- Standard navigation bars with large titles when appropriate\n- Translucent nav bar when content scrolls under it\n- Preserve clear title hierarchy and scroll behavior\n\n### Modals & Sheets\n- Bottom sheets preferred, respect drag-to-dismiss\n- Regular\u002FThick material based on background complexity\n- Avoid full-screen modal unless task truly demands it\n\n### Layout Principles\n- iOS-native layout patterns, safe-area aware\n- Comfortable touch targets (44pt+)\n- Use whitespace and grouping as main separators\n- Cards should feel light and system-like\n\n---\n\n## Part 7: Layered System Architecture\n\n### 1. Highlights Layer\n- Light sources produce highlights responding to geometry\n- Lights move during interactions, defining silhouette\n- Some respond to device motion\n\n### 2. Shadows Layer\n- Aware of background content\n- Increases shadow opacity over text for separation\n- Lowers shadow opacity over solid light backgrounds\n\n### 3. Internal Glow (Interaction Feedback)\n- Illuminates from within on interaction\n- Glow starts under fingertips, spreads throughout\n- Spreads to nearby Liquid Glass elements\n\n### 4. Adaptive Tinting Layer\n- Multiple layers adapt together\n- Windows losing focus visually recede (Mac\u002FiPad)\n\n---\n\n## Part 8: Accessibility\n\nLiquid Glass offers accessibility features that modify material **without sacrificing its magic**:\n\n| Feature | Effect | Developer Action |\n|---------|--------|-----------------|\n| Reduced Transparency | Makes glass frostier, obscures more | Automatic |\n| Increased Contrast | Elements predominantly black\u002Fwhite with contrasting border | Automatic |\n| Reduced Motion | Decreases intensity, disables elastic properties | Automatic |\n\n**No developer action required** — all features apply automatically when using Liquid Glass.\n\n---\n\n## Part 9: Performance Considerations\n\n### View Hierarchy\n- Regular variant optimized for performance\n- Avoid excessive nesting of glass elements\n- Flatten hierarchy when possible\n\n```swift\n\u002F\u002F WRONG - Deep nesting\nZStack {\n    GlassContainer1().glassEffect()\n    ZStack {\n        GlassContainer2().glassEffect()\n    }\n}\n\n\u002F\u002F CORRECT - Flat hierarchy\nVStack {\n    GlassContainer1().glassEffect()\n    GlassContainer2().glassEffect()\n}\n```\n\n### Rendering Costs\n- Don't animate Liquid Glass elements unnecessarily\n- Use Clear variant sparingly (requires dimming layer computation)\n- Profile with Instruments if experiencing performance issues\n\n---\n\n## Part 10: Testing\n\n### Visual Regression Testing\n\n```swift\nfunc testLiquidGlassAppearance() {\n    let app = XCUIApplication()\n    app.launch()\n\n    \u002F\u002F Test light mode\n    XCTContext.runActivity(named: \"Light Mode Glass\") { _ in\n        let screenshot = app.screenshot()\n    }\n\n    \u002F\u002F Test dark mode\n    app.launchArguments = [\"-UIUserInterfaceStyle\", \"dark\"]\n    app.launch()\n    XCTContext.runActivity(named: \"Dark Mode Glass\") { _ in\n        let screenshot = app.screenshot()\n    }\n}\n```\n\n### Critical Test Cases\n- Light mode vs dark mode\n- Reduced Transparency \u002F Increased Contrast \u002F Reduced Motion enabled\n- Dynamic Type (larger text sizes)\n- Content scrolling (verify scroll edge effects)\n- Right-to-left languages\n\n### Accessibility Testing\n\n```swift\nfunc testLiquidGlassAccessibility() {\n    app.launchArguments += [\n        \"-UIAccessibilityIsReduceTransparencyEnabled\", \"1\",\n        \"-UIAccessibilityButtonShapesEnabled\", \"1\",\n        \"-UIAccessibilityIsReduceMotionEnabled\", \"1\"\n    ]\n    XCTAssertTrue(glassElement.exists)\n    XCTAssertTrue(glassElement.isHittable)\n}\n```\n\n---\n\n## Part 11: Design Review & Push-Back Framework\n\n### Red Flags — Requests That Violate Guidelines\n\nIf you hear ANY of these, **STOP and reference the skill**:\n\n- \"Use Clear everywhere\" — Clear requires three specific conditions\n- \"Glass looks better than fills\" — Correct layer trumps aesthetics\n- \"Stack glass on glass for consistency\" — Explicitly prohibited\n- \"Apply glass to Lists for sophistication\" — Lists are content layer\n\n### How to Push Back Professionally\n\n**Step 1: Show the Framework**\n```\n\"Let me show you Apple's guidance on Clear variant.\nIt requires THREE conditions:\n1. Media-rich content background\n2. Dimming layer for legibility\n3. Bold, bright controls on top\nLet me show which screens meet all three...\"\n```\n\n**Step 2: Demonstrate the Risk**\nOpen the app on a device. Show Clear variant in low-contrast scenario (unreadable) vs Regular (legible).\n\n**Step 3: Offer Compromise**\n```\n\"Clear works beautifully in these hero sections where all three conditions apply.\nRegular handles everything else with automatic legibility. Best of both worlds.\"\n```\n\n**Step 4: Document the Decision**\nIf overruled, send written documentation of the decision and monitoring plan.\n\n---\n\n## Part 12: Expert Review Checklist\n\n### 1. Material Appropriateness\n- [ ] Glass used only on navigation layer (not content)?\n- [ ] Standard controls get glass automatically via Xcode 26 recompile?\n- [ ] No glass-on-glass situations?\n\n### 2. Variant Selection\n- [ ] Regular variant used for most cases?\n- [ ] Clear variant meets all three conditions where used?\n- [ ] Regular and Clear never mixed in same interface?\n\n### 3. Legibility & Contrast\n- [ ] Primary actions selectively tinted (not everything)?\n- [ ] Solid fills avoided on glass elements?\n- [ ] Elements maintain legibility on various backgrounds?\n\n### 4. Layering & Hierarchy\n- [ ] Content intersections avoided in steady states?\n- [ ] Elements on top of glass use fills\u002Ftransparency (not glass)?\n- [ ] Visual hierarchy clear (navigation vs content layer)?\n\n### 5. Scroll Edge Effects\n- [ ] Applied where glass meets scrolling content?\n- [ ] Hard style used for pinned accessory views?\n\n### 6. Accessibility\n- [ ] Works with Reduced Transparency, Increased Contrast, Reduced Motion?\n- [ ] Interactive elements hittable in all configurations?\n\n### 7. Performance\n- [ ] View hierarchy reasonably flat?\n- [ ] Glass elements animated only when necessary?\n- [ ] Clear variant used sparingly?\n\n---\n\n## Part 13: API Reference\n\n### SwiftUI Modifiers\n\n#### `glassEffect(in:isInteractive:)`\n\n```swift\nfunc glassEffect\u003CS: Shape>(\n    in shape: S = Capsule(),\n    isInteractive: Bool = false\n) -> some View\n```\n\n#### `glassEffect(_:in:isInteractive:)`\n\n```swift\nfunc glassEffect\u003CS: Shape>(\n    _ variant: GlassVariant,  \u002F\u002F .regular or .clear\n    in shape: S = Capsule(),\n    isInteractive: Bool = false\n) -> some View\n```\n\n#### `scrollEdgeEffect(_:)`\n\n```swift\nfunc scrollEdgeEffect(_ style: ScrollEdgeStyle) -> some View\n\u002F\u002F styles: .automatic, .soft, .hard\n```\n\n#### `scrollEdgeEffectStyle(_:for:)` (NEW in iOS 26)\n\n```swift\nfunc scrollEdgeEffectStyle(_ style: ScrollEdgeStyle, for edges: Edge.Set) -> some View\n```\n\n#### `glassBackgroundEffect()` (NEW in iOS 26)\n\nApply glass effect to custom views for reflecting surrounding content.\n\n```swift\nCustomPhotoGrid()\n    .glassBackgroundEffect()\n```\n\n#### `GlassEffectContainer` (NEW in iOS 26)\n\nContainer for combining multiple Liquid Glass effects with optimized rendering.\n\n```swift\nGlassEffectContainer {\n    HStack {\n        Button(\"Action 1\") { }.glassEffect()\n        Button(\"Action 2\") { }.glassEffect()\n    }\n}\n```\n\nBenefits: Optimizes rendering, fluid morphing between glass shapes, reduced compositor overhead.\n\n### Toolbar Modifiers (NEW in iOS 26)\n\n#### `Spacer(.fixed)` in Toolbars\n\nSeparates toolbar button groups with fixed spacing.\n\n#### `.buttonStyle(.borderedProminent)` + `.tint()` in Toolbars\n\nMakes toolbar items prominent with Liquid Glass tinting.\n\n### Navigation & Search (NEW in iOS 26)\n\n- **Bottom-aligned search** on iPhone (automatic with `.searchable()`)\n- **Search tab role** with `.tabRole(.search)` — morphs into search field\n- **Tab bar minimization** with `.tabBarMinimizationBehavior(.onScrollDown)`\n\n### Types\n\n```swift\nenum GlassVariant {\n    case regular  \u002F\u002F Default - full adaptive behavior\n    case clear    \u002F\u002F More transparent, no adaptation\n}\n\nenum ScrollEdgeStyle {\n    case automatic  \u002F\u002F System determines\n    case soft       \u002F\u002F Gradual fade\n    case hard       \u002F\u002F Uniform across toolbar height\n}\n```\n\n---\n\n## Part 14: Backward Compatibility\n\n### UIDesignRequiresCompatibility Key (NEW in iOS 26)\n\nAdd to Info.plist to maintain iOS 18 appearance while building with iOS 26 SDK:\n\n```xml\n\u003Ckey>UIDesignRequiresCompatibility\u003C\u002Fkey>\n\u003Ctrue\u002F>\n```\n\n**Migration strategy:**\n1. Ship with key enabled\n2. Audit interface changes in separate build\n3. Update interface incrementally\n4. Remove key when ready for Liquid Glass\n\n---\n\n## Output Requirements (For UI Redesigns)\n\nFor each redesigned screen, provide:\n\n1. **Design intent** — What feels more iOS-native and why\n2. **Layout structure** — Regions, spacing, safe-area decisions\n3. **Material map** — Where glass is used, which thickness, and why\n4. **Typography map** — Text styles and hierarchy rationale\n5. **Interaction & motion notes** — Scroll, transitions, gestures\n6. **iOS-native justification** — System defaults, familiarity, clarity\n\n---\n\n## Absolute Avoid List\n\n- Over-designed custom components\n- Glass everywhere (blanket translucency)\n- Trendy gimmicks (neon, glow, heavy gradients, fake reflections)\n- Harsh borders or outlines\n- Dense, cluttered information layouts\n- Non-standard navigation patterns\n- Solid opaque fills on glass elements\n\n---\n\n## Resources\n\n**WWDC**: 2025-219, 2025-323, 2025-256\n**Docs**: \u002Ftechnologyoverviews\u002Fadopting-liquid-glass, \u002Fswiftui\u002Flandmarks-building-an-app-with-liquid-glass, \u002Fswiftui\u002Fapplying-liquid-glass-to-custom-views\n**Related Skills**: axiom-liquid-glass-ref, swiftui-liquid-glass\n**Platforms:** iOS 26+, iPadOS 26+, macOS Tahoe, visionOS 3\n**Xcode:** 26+\n",{"name":5,"domain":45,"version":52,"skill_type":43,"description":7,"user-invocable":53,"apple_platforms":54},"1.2.0",true,"iOS 26+, iPadOS 26+, macOS Tahoe+, visionOS 3+","main","cd89f013b617f7eea982a9bbc60e992974fda2aa","skills\u002Faxiom-liquid-glass",15,"https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco","https:\u002F\u002Fcocoresearch.org\u002Fcoco\u002F","https:\u002F\u002Fgithub.com\u002Fcoco-research","https:\u002F\u002Fcocoresearch.org","Local-first, open-source tools for people who work with AI agents: governed memory, agents that check their own work, and data that stays on your machine.","2026-11-11 12:18:13",{"source":8,"skillName":5,"commands":66,"prompt":76,"zipAvailable":53},[67,70,73],{"tool":68,"command":69},"npx","npx skills add coco-research\u002Fcoco --skill axiom-liquid-glass",{"tool":71,"command":72},"bunx","bunx skills add coco-research\u002Fcoco --skill axiom-liquid-glass",{"tool":74,"command":75},"pnpm","pnpm dlx skills add coco-research\u002Fcoco --skill axiom-liquid-glass","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fskills\u002Faxiom-liquid-glass\u002FSKILL.md",[],[79,104,114,132,164,183],{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":86,"publishedAt":47},"01M71KEJXF9KMT0BWCMRSRFA4M","trading-super-intelligence","Trading Super Intelligence Team. Named real-world personas across 8 cells. Built local-first (LM Studio) and validator-gated. Illustrative composites; see DISCLAIMER.md.","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Ftrading\u002FSKILL.md",[85],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103],"super","trading super intelligence","intelligence","trading","validator","personas","local","composites","studio","team","across","world","first","gated","2026","lm studio","local-first",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":111,"publishedAt":47},"01M71KEFWS3CMAP7DF1P0FWTDE","strategy-super-intelligence","Strategy Super Intelligence Team. Named real-world personas across 7 cells. Built local-first (LM Studio) and validator-gated. Illustrative composites; see DISCLAIMER.md.","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Fstrategy\u002FSKILL.md",[110],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[112,87,113,89,91,92,93,94,95,96,97,98,99,100,101,102,103],"strategy","strategy super intelligence",{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":126,"publishedAt":47},"01M71KED56ZEPK2QE84QSQPMT0","risk-compliance-super-intelligence","Risk & Compliance (GRC) Super Intelligence Team. Named real-world personas across 7 cells. Built local-first (LM Studio) and validator-gated. Illustrative composites; see DISCLAIMER.md.","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Frisk-compliance\u002FSKILL.md",[120,121],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":122,"categoryName":123,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000037","律师与法务","PROFESSION","适用职业",[127,87,128,129,130,89,91,92,93,94,131,95,96,97,98,99,100,101,102,103],"risk","risk compliance super intelligence","compliance","risk compliance","grc",{"skillNo":133,"name":134,"nameZh":6,"description":135,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":136,"categories":137,"keywords":149,"publishedAt":47},"01M71KE9A2FWSC74VA96W1EZSN","product-design-super-intelligence","Your product + design brain trust and decision partner. Named personas across 8 cells spanning product strategy, discovery\u002Fresearch, growth\u002Fmetrics, design foundations\u002Fusability, design leadership\u002Fcraft, UX\u002Fcontent, design systems, and a…","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Fproduct-design\u002FSKILL.md",[138,139,142,143,146],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":140,"categoryName":141,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":144,"categoryName":145,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000031","产品经理",{"categoryNo":147,"categoryName":148,"taxonomyType":124,"taxonomyTypeDesc":125},"01JBSEEDCAT000000000000032","设计师",[45,150,89,151,87,152,153,154,155,156,157,96,97,158,159,101,160,161,162,163],"product","product design","product design super intelligence","foundations","product-design","decision","design systems","usability","leadership","ux","brain","craft","metrics","trust",{"skillNo":165,"name":166,"nameZh":6,"description":167,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":172,"publishedAt":47},"01M71KE6H9FPSD9TECYFBPXZ8Y","legal-ip-super-intelligence","Your legal, IP, and regulatory brain trust. 31 named personas across 7 cells covering patent strategy, tech licensing, regulatory litigation, AI governance, open-source compliance, privacy law, and antitrust.","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Flegal-ip\u002FSKILL.md",[170,171],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":122,"categoryName":123,"taxonomyType":124,"taxonomyTypeDesc":125},[173,87,174,89,175,176,163,177,92,178,179,180,112,96,97,181,129,182,101,160],"ip","legal ip super intelligence","legal","sep","tech","litigation","ai governance","open","open-source","governance",{"skillNo":184,"name":185,"nameZh":6,"description":186,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":187,"categories":188,"keywords":190,"publishedAt":47},"01M71KE36QRY610V6YVB9JWRND","healthcare-life-sciences-super-intelligence","Your healthcare and life sciences brain trust. 25 named personas across 7 cells covering drug discovery, medtech, biotech strategy, health policy, genomics, clinical trials, and healthcare economics.","https:\u002F\u002Fgithub.com\u002Fcoco-research\u002Fcoco\u002Fblob\u002Fmain\u002Fsystems\u002Fsuperintelligence\u002Fhealthcare-life-sciences\u002FSKILL.md",[189],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[191,87,192,193,89,176,163,194,195,92,196,197,112,96,97,198,199,200,201,101],"healthcare","healthcare life sciences super intelligence","life","economics","discovery","policy","clinical","clinical trials","health","trials","genomics"]