[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6D7ZFP3N4DTYRW2XANA9XD5":3,"skill-same:01M6D7ZFP3N4DTYRW2XANA9XD5":63},{"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":28,"publishedAt":35,"linkOnly":36,"markdownContent":37,"markdownBody":38,"frontMatter":39,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":43,"repositoryHtmlUrl":44,"repositoryHomepageUrl":6,"ownerHtmlUrl":45,"ownerBlogUrl":46,"ownerDescription":47,"updatedAt":48,"install":49,"resources":62},"01M6D7ZFP3N4DTYRW2XANA9XD5","liquid-glass-design",null,"iOS 26 液态玻璃设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质，具有模糊、反射和交互式变形效果。","oabdelmaksoud\u002FSuperClaw","oabdelmaksoud","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F50699149?v=4","01M6D5CVVN778ZCDP1WHS816SP","Omar Abdelmaksoud","01M6D5CW1RHNSKCJR85GJACBFT",2,"MIT","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fdocs\u002Fzh-CN\u002Fskills\u002Fliquid-glass-design\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34],"design","liquid glass","liquid glass design","ios","swiftui","uikit","2026-11-10 10:12:30",false,"---\nname: liquid-glass-design\ndescription: iOS 26 液态玻璃设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质，具有模糊、反射和交互式变形效果。\n---\n\n# Liquid Glass 设计系统 (iOS 26)\n\n实现苹果 Liquid Glass 的模式指南——这是一种动态材质，会模糊其后的内容，反射周围内容的颜色和光线，并对触摸和指针交互做出反应。涵盖 SwiftUI、UIKit 和 WidgetKit 集成。\n\n## 何时启用\n\n* 为 iOS 26+ 构建或更新采用新设计语言的应用程序时\n* 实现玻璃风格的按钮、卡片、工具栏或容器时\n* 在玻璃元素之间创建变形过渡时\n* 将 Liquid Glass 效果应用于小组件时\n* 将现有的模糊\u002F材质效果迁移到新的 Liquid Glass API 时\n\n## 核心模式 — SwiftUI\n\n### 基本玻璃效果\n\n为任何视图添加 Liquid Glass 的最简单方法：\n\n```swift\nText(\"Hello, World!\")\n    .font(.title)\n    .padding()\n    .glassEffect()  \u002F\u002F Default: regular variant, capsule shape\n```\n\n### 自定义形状和色调\n\n```swift\nText(\"Hello, World!\")\n    .font(.title)\n    .padding()\n    .glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0))\n```\n\n关键自定义选项：\n\n* `.regular` — 标准玻璃效果\n* `.tint(Color)` — 添加颜色色调以增强突出度\n* `.interactive()` — 对触摸和指针交互做出反应\n* 形状：`.capsule`（默认）、`.rect(cornerRadius:)`、`.circle`\n\n### 玻璃按钮样式\n\n```swift\nButton(\"Click Me\") { \u002F* action *\u002F }\n    .buttonStyle(.glass)\n\nButton(\"Important\") { \u002F* action *\u002F }\n    .buttonStyle(.glassProminent)\n```\n\n### 用于多个元素的 GlassEffectContainer\n\n出于性能和变形考虑，始终将多个玻璃视图包装在一个容器中：\n\n```swift\nGlassEffectContainer(spacing: 40.0) {\n    HStack(spacing: 40.0) {\n        Image(systemName: \"scribble.variable\")\n            .frame(width: 80.0, height: 80.0)\n            .font(.system(size: 36))\n            .glassEffect()\n\n        Image(systemName: \"eraser.fill\")\n            .frame(width: 80.0, height: 80.0)\n            .font(.system(size: 36))\n            .glassEffect()\n    }\n}\n```\n\n`spacing` 参数控制合并距离——距离更近的元素会将其玻璃形状融合在一起。\n\n### 统一玻璃效果\n\n使用 `glassEffectUnion` 将多个视图组合成单个玻璃形状：\n\n```swift\n@Namespace private var namespace\n\nGlassEffectContainer(spacing: 20.0) {\n    HStack(spacing: 20.0) {\n        ForEach(symbolSet.indices, id: \\.self) { item in\n            Image(systemName: symbolSet[item])\n                .frame(width: 80.0, height: 80.0)\n                .glassEffect()\n                .glassEffectUnion(id: item \u003C 2 ? \"group1\" : \"group2\", namespace: namespace)\n        }\n    }\n}\n```\n\n### 变形过渡\n\n在玻璃元素出现\u002F消失时创建平滑的变形效果：\n\n```swift\n@State private var isExpanded = false\n@Namespace private var namespace\n\nGlassEffectContainer(spacing: 40.0) {\n    HStack(spacing: 40.0) {\n        Image(systemName: \"scribble.variable\")\n            .frame(width: 80.0, height: 80.0)\n            .glassEffect()\n            .glassEffectID(\"pencil\", in: namespace)\n\n        if isExpanded {\n            Image(systemName: \"eraser.fill\")\n                .frame(width: 80.0, height: 80.0)\n                .glassEffect()\n                .glassEffectID(\"eraser\", in: namespace)\n        }\n    }\n}\n\nButton(\"Toggle\") {\n    withAnimation { isExpanded.toggle() }\n}\n.buttonStyle(.glass)\n```\n\n### 将水平滚动延伸到侧边栏下方\n\n要允许水平滚动内容延伸到侧边栏或检查器下方，请确保 `ScrollView` 内容到达容器的 leading\u002Ftrailing 边缘。当布局延伸到边缘时，系统会自动处理侧边栏下方的滚动行为——无需额外的修饰符。\n\n## 核心模式 — UIKit\n\n### 基本 UIGlassEffect\n\n```swift\nlet glassEffect = UIGlassEffect()\nglassEffect.tintColor = UIColor.systemBlue.withAlphaComponent(0.3)\nglassEffect.isInteractive = true\n\nlet visualEffectView = UIVisualEffectView(effect: glassEffect)\nvisualEffectView.translatesAutoresizingMaskIntoConstraints = false\nvisualEffectView.layer.cornerRadius = 20\nvisualEffectView.clipsToBounds = true\n\nview.addSubview(visualEffectView)\nNSLayoutConstraint.activate([\n    visualEffectView.centerXAnchor.constraint(equalTo: view.centerXAnchor),\n    visualEffectView.centerYAnchor.constraint(equalTo: view.centerYAnchor),\n    visualEffectView.widthAnchor.constraint(equalToConstant: 200),\n    visualEffectView.heightAnchor.constraint(equalToConstant: 120)\n])\n\n\u002F\u002F Add content to contentView\nlet label = UILabel()\nlabel.text = \"Liquid Glass\"\nlabel.translatesAutoresizingMaskIntoConstraints = false\nvisualEffectView.contentView.addSubview(label)\nNSLayoutConstraint.activate([\n    label.centerXAnchor.constraint(equalTo: visualEffectView.contentView.centerXAnchor),\n    label.centerYAnchor.constraint(equalTo: visualEffectView.contentView.centerYAnchor)\n])\n```\n\n### 用于多个元素的 UIGlassContainerEffect\n\n```swift\nlet containerEffect = UIGlassContainerEffect()\ncontainerEffect.spacing = 40.0\n\nlet containerView = UIVisualEffectView(effect: containerEffect)\n\nlet firstGlass = UIVisualEffectView(effect: UIGlassEffect())\nlet secondGlass = UIVisualEffectView(effect: UIGlassEffect())\n\ncontainerView.contentView.addSubview(firstGlass)\ncontainerView.contentView.addSubview(secondGlass)\n```\n\n### 滚动边缘效果\n\n```swift\nscrollView.topEdgeEffect.style = .automatic\nscrollView.bottomEdgeEffect.style = .hard\nscrollView.leftEdgeEffect.isHidden = true\n```\n\n### 工具栏玻璃集成\n\n```swift\nlet favoriteButton = UIBarButtonItem(image: UIImage(systemName: \"heart\"), style: .plain, target: self, action: #selector(favoriteAction))\nfavoriteButton.hidesSharedBackground = true  \u002F\u002F Opt out of shared glass background\n```\n\n## 核心模式 — WidgetKit\n\n### 渲染模式检测\n\n```swift\nstruct MyWidgetView: View {\n    @Environment(\\.widgetRenderingMode) var renderingMode\n\n    var body: some View {\n        if renderingMode == .accented {\n            \u002F\u002F Tinted mode: white-tinted, themed glass background\n        } else {\n            \u002F\u002F Full color mode: standard appearance\n        }\n    }\n}\n```\n\n### 用于视觉层次结构的强调色组\n\n```swift\nHStack {\n    VStack(alignment: .leading) {\n        Text(\"Title\")\n            .widgetAccentable()  \u002F\u002F Accent group\n        Text(\"Subtitle\")\n            \u002F\u002F Primary group (default)\n    }\n    Image(systemName: \"star.fill\")\n        .widgetAccentable()  \u002F\u002F Accent group\n}\n```\n\n### 强调模式下的图像渲染\n\n```swift\nImage(\"myImage\")\n    .widgetAccentedRenderingMode(.monochrome)\n```\n\n### 容器背景\n\n```swift\nVStack { \u002F* content *\u002F }\n    .containerBackground(for: .widget) {\n        Color.blue.opacity(0.2)\n    }\n```\n\n## 关键设计决策\n\n| 决策 | 理由 |\n|----------|-----------|\n| 使用 GlassEffectContainer 包装 | 性能优化，实现玻璃元素之间的变形 |\n| `spacing` 参数 | 控制合并距离——微调元素需要多近才能融合 |\n| `@Namespace` + `glassEffectID` | 在视图层次结构变化时实现平滑的变形过渡 |\n| `interactive()` 修饰符 | 明确选择加入触摸\u002F指针反应——并非所有玻璃都应响应 |\n| UIKit 中的 UIGlassContainerEffect | 与 SwiftUI 保持一致的容器模式 |\n| 小组件中的强调色渲染模式 | 当用户选择带色调的主屏幕时，系统会应用带色调的玻璃效果 |\n\n## 最佳实践\n\n* **始终使用 GlassEffectContainer** 来为多个兄弟视图应用玻璃效果——它支持变形并提高渲染性能\n* **在其他外观修饰符**（frame、font、padding）**之后应用** `.glassEffect()`\n* **仅在响应用户交互的元素**（按钮、可切换项目）**上使用** `.interactive()`\n* **仔细选择容器中的间距**，以控制玻璃效果何时合并\n* 在更改视图层次结构时**使用** `withAnimation`，以启用平滑的变形过渡\n* **在各种外观模式下测试**——浅色模式、深色模式和强调色\u002F色调模式\n* **确保可访问性对比度**——玻璃上的文本必须保持可读性\n\n## 应避免的反模式\n\n* 使用多个独立的 `.glassEffect()` 视图而不使用 GlassEffectContainer\n* 嵌套过多玻璃效果——会降低性能和视觉清晰度\n* 对每个视图都应用玻璃效果——保留给交互元素、工具栏和卡片\n* 在 UIKit 中使用圆角时忘记 `clipsToBounds = true`\n* 忽略小组件中的强调色渲染模式——破坏带色调的主屏幕外观\n* 在玻璃效果后面使用不透明背景——破坏了半透明效果\n\n## 使用场景\n\n* 采用 iOS 26 新设计的导航栏、工具栏和标签栏\n* 浮动操作按钮和卡片式容器\n* 需要视觉深度和触摸反馈的交互控件\n* 应与系统 Liquid Glass 外观集成的小组件\n* 相关 UI 状态之间的变形过渡\n","# Liquid Glass 设计系统 (iOS 26)\n\n实现苹果 Liquid Glass 的模式指南——这是一种动态材质，会模糊其后的内容，反射周围内容的颜色和光线，并对触摸和指针交互做出反应。涵盖 SwiftUI、UIKit 和 WidgetKit 集成。\n\n## 何时启用\n\n* 为 iOS 26+ 构建或更新采用新设计语言的应用程序时\n* 实现玻璃风格的按钮、卡片、工具栏或容器时\n* 在玻璃元素之间创建变形过渡时\n* 将 Liquid Glass 效果应用于小组件时\n* 将现有的模糊\u002F材质效果迁移到新的 Liquid Glass API 时\n\n## 核心模式 — SwiftUI\n\n### 基本玻璃效果\n\n为任何视图添加 Liquid Glass 的最简单方法：\n\n```swift\nText(\"Hello, World!\")\n    .font(.title)\n    .padding()\n    .glassEffect()  \u002F\u002F Default: regular variant, capsule shape\n```\n\n### 自定义形状和色调\n\n```swift\nText(\"Hello, World!\")\n    .font(.title)\n    .padding()\n    .glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0))\n```\n\n关键自定义选项：\n\n* `.regular` — 标准玻璃效果\n* `.tint(Color)` — 添加颜色色调以增强突出度\n* `.interactive()` — 对触摸和指针交互做出反应\n* 形状：`.capsule`（默认）、`.rect(cornerRadius:)`、`.circle`\n\n### 玻璃按钮样式\n\n```swift\nButton(\"Click Me\") { \u002F* action *\u002F }\n    .buttonStyle(.glass)\n\nButton(\"Important\") { \u002F* action *\u002F }\n    .buttonStyle(.glassProminent)\n```\n\n### 用于多个元素的 GlassEffectContainer\n\n出于性能和变形考虑，始终将多个玻璃视图包装在一个容器中：\n\n```swift\nGlassEffectContainer(spacing: 40.0) {\n    HStack(spacing: 40.0) {\n        Image(systemName: \"scribble.variable\")\n            .frame(width: 80.0, height: 80.0)\n            .font(.system(size: 36))\n            .glassEffect()\n\n        Image(systemName: \"eraser.fill\")\n            .frame(width: 80.0, height: 80.0)\n            .font(.system(size: 36))\n            .glassEffect()\n    }\n}\n```\n\n`spacing` 参数控制合并距离——距离更近的元素会将其玻璃形状融合在一起。\n\n### 统一玻璃效果\n\n使用 `glassEffectUnion` 将多个视图组合成单个玻璃形状：\n\n```swift\n@Namespace private var namespace\n\nGlassEffectContainer(spacing: 20.0) {\n    HStack(spacing: 20.0) {\n        ForEach(symbolSet.indices, id: \\.self) { item in\n            Image(systemName: symbolSet[item])\n                .frame(width: 80.0, height: 80.0)\n                .glassEffect()\n                .glassEffectUnion(id: item \u003C 2 ? \"group1\" : \"group2\", namespace: namespace)\n        }\n    }\n}\n```\n\n### 变形过渡\n\n在玻璃元素出现\u002F消失时创建平滑的变形效果：\n\n```swift\n@State private var isExpanded = false\n@Namespace private var namespace\n\nGlassEffectContainer(spacing: 40.0) {\n    HStack(spacing: 40.0) {\n        Image(systemName: \"scribble.variable\")\n            .frame(width: 80.0, height: 80.0)\n            .glassEffect()\n            .glassEffectID(\"pencil\", in: namespace)\n\n        if isExpanded {\n            Image(systemName: \"eraser.fill\")\n                .frame(width: 80.0, height: 80.0)\n                .glassEffect()\n                .glassEffectID(\"eraser\", in: namespace)\n        }\n    }\n}\n\nButton(\"Toggle\") {\n    withAnimation { isExpanded.toggle() }\n}\n.buttonStyle(.glass)\n```\n\n### 将水平滚动延伸到侧边栏下方\n\n要允许水平滚动内容延伸到侧边栏或检查器下方，请确保 `ScrollView` 内容到达容器的 leading\u002Ftrailing 边缘。当布局延伸到边缘时，系统会自动处理侧边栏下方的滚动行为——无需额外的修饰符。\n\n## 核心模式 — UIKit\n\n### 基本 UIGlassEffect\n\n```swift\nlet glassEffect = UIGlassEffect()\nglassEffect.tintColor = UIColor.systemBlue.withAlphaComponent(0.3)\nglassEffect.isInteractive = true\n\nlet visualEffectView = UIVisualEffectView(effect: glassEffect)\nvisualEffectView.translatesAutoresizingMaskIntoConstraints = false\nvisualEffectView.layer.cornerRadius = 20\nvisualEffectView.clipsToBounds = true\n\nview.addSubview(visualEffectView)\nNSLayoutConstraint.activate([\n    visualEffectView.centerXAnchor.constraint(equalTo: view.centerXAnchor),\n    visualEffectView.centerYAnchor.constraint(equalTo: view.centerYAnchor),\n    visualEffectView.widthAnchor.constraint(equalToConstant: 200),\n    visualEffectView.heightAnchor.constraint(equalToConstant: 120)\n])\n\n\u002F\u002F Add content to contentView\nlet label = UILabel()\nlabel.text = \"Liquid Glass\"\nlabel.translatesAutoresizingMaskIntoConstraints = false\nvisualEffectView.contentView.addSubview(label)\nNSLayoutConstraint.activate([\n    label.centerXAnchor.constraint(equalTo: visualEffectView.contentView.centerXAnchor),\n    label.centerYAnchor.constraint(equalTo: visualEffectView.contentView.centerYAnchor)\n])\n```\n\n### 用于多个元素的 UIGlassContainerEffect\n\n```swift\nlet containerEffect = UIGlassContainerEffect()\ncontainerEffect.spacing = 40.0\n\nlet containerView = UIVisualEffectView(effect: containerEffect)\n\nlet firstGlass = UIVisualEffectView(effect: UIGlassEffect())\nlet secondGlass = UIVisualEffectView(effect: UIGlassEffect())\n\ncontainerView.contentView.addSubview(firstGlass)\ncontainerView.contentView.addSubview(secondGlass)\n```\n\n### 滚动边缘效果\n\n```swift\nscrollView.topEdgeEffect.style = .automatic\nscrollView.bottomEdgeEffect.style = .hard\nscrollView.leftEdgeEffect.isHidden = true\n```\n\n### 工具栏玻璃集成\n\n```swift\nlet favoriteButton = UIBarButtonItem(image: UIImage(systemName: \"heart\"), style: .plain, target: self, action: #selector(favoriteAction))\nfavoriteButton.hidesSharedBackground = true  \u002F\u002F Opt out of shared glass background\n```\n\n## 核心模式 — WidgetKit\n\n### 渲染模式检测\n\n```swift\nstruct MyWidgetView: View {\n    @Environment(\\.widgetRenderingMode) var renderingMode\n\n    var body: some View {\n        if renderingMode == .accented {\n            \u002F\u002F Tinted mode: white-tinted, themed glass background\n        } else {\n            \u002F\u002F Full color mode: standard appearance\n        }\n    }\n}\n```\n\n### 用于视觉层次结构的强调色组\n\n```swift\nHStack {\n    VStack(alignment: .leading) {\n        Text(\"Title\")\n            .widgetAccentable()  \u002F\u002F Accent group\n        Text(\"Subtitle\")\n            \u002F\u002F Primary group (default)\n    }\n    Image(systemName: \"star.fill\")\n        .widgetAccentable()  \u002F\u002F Accent group\n}\n```\n\n### 强调模式下的图像渲染\n\n```swift\nImage(\"myImage\")\n    .widgetAccentedRenderingMode(.monochrome)\n```\n\n### 容器背景\n\n```swift\nVStack { \u002F* content *\u002F }\n    .containerBackground(for: .widget) {\n        Color.blue.opacity(0.2)\n    }\n```\n\n## 关键设计决策\n\n| 决策 | 理由 |\n|----------|-----------|\n| 使用 GlassEffectContainer 包装 | 性能优化，实现玻璃元素之间的变形 |\n| `spacing` 参数 | 控制合并距离——微调元素需要多近才能融合 |\n| `@Namespace` + `glassEffectID` | 在视图层次结构变化时实现平滑的变形过渡 |\n| `interactive()` 修饰符 | 明确选择加入触摸\u002F指针反应——并非所有玻璃都应响应 |\n| UIKit 中的 UIGlassContainerEffect | 与 SwiftUI 保持一致的容器模式 |\n| 小组件中的强调色渲染模式 | 当用户选择带色调的主屏幕时，系统会应用带色调的玻璃效果 |\n\n## 最佳实践\n\n* **始终使用 GlassEffectContainer** 来为多个兄弟视图应用玻璃效果——它支持变形并提高渲染性能\n* **在其他外观修饰符**（frame、font、padding）**之后应用** `.glassEffect()`\n* **仅在响应用户交互的元素**（按钮、可切换项目）**上使用** `.interactive()`\n* **仔细选择容器中的间距**，以控制玻璃效果何时合并\n* 在更改视图层次结构时**使用** `withAnimation`，以启用平滑的变形过渡\n* **在各种外观模式下测试**——浅色模式、深色模式和强调色\u002F色调模式\n* **确保可访问性对比度**——玻璃上的文本必须保持可读性\n\n## 应避免的反模式\n\n* 使用多个独立的 `.glassEffect()` 视图而不使用 GlassEffectContainer\n* 嵌套过多玻璃效果——会降低性能和视觉清晰度\n* 对每个视图都应用玻璃效果——保留给交互元素、工具栏和卡片\n* 在 UIKit 中使用圆角时忘记 `clipsToBounds = true`\n* 忽略小组件中的强调色渲染模式——破坏带色调的主屏幕外观\n* 在玻璃效果后面使用不透明背景——破坏了半透明效果\n\n## 使用场景\n\n* 采用 iOS 26 新设计的导航栏、工具栏和标签栏\n* 浮动操作按钮和卡片式容器\n* 需要视觉深度和触摸反馈的交互控件\n* 应与系统 Liquid Glass 外观集成的小组件\n* 相关 UI 状态之间的变形过渡\n",{"name":5,"description":7},"main","7b610356e36623652299fa2acb477ff821b1d920","upstream-sync\u002Fwork\u002Fecc\u002Fdocs\u002Fzh-CN\u002Fskills\u002Fliquid-glass-design",0,"https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fo-abdelmaksoud\u002F","Full-Stack Engineer | AI Systems Architect | Building autonomous multi-agent systems","2026-03-08 21:12:53",{"source":8,"skillName":5,"commands":50,"prompt":60,"zipAvailable":61},[51,54,57],{"tool":52,"command":53},"npx","npx skills add oabdelmaksoud\u002FSuperClaw --skill liquid-glass-design",{"tool":55,"command":56},"bunx","bunx skills add oabdelmaksoud\u002FSuperClaw --skill liquid-glass-design",{"tool":58,"command":59},"pnpm","pnpm dlx skills add oabdelmaksoud\u002FSuperClaw --skill liquid-glass-design","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fdocs\u002Fzh-CN\u002Fskills\u002Fliquid-glass-design\u002FSKILL.md",true,[],[64,83,97,126,150,169],{"skillNo":65,"name":66,"nameZh":6,"description":67,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":68,"categories":69,"keywords":73,"publishedAt":35},"01M6D88QCPTBZVCRED0NZ1Y8K8","visa-doc-translate","Translate visa application documents (images) to English and create a bilingual PDF with original and translation","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Fvisa-doc-translate\u002FSKILL.md",[70],{"categoryNo":71,"categoryName":72,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000002","文档处理",[74,75,76,77,78,79,80,81,82],"translate","doc","visa doc translate","translation","application","create","images","PDF","documents",{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":89,"publishedAt":35},"01M6D88NBM95T3TFM50CYYAP65","verification-loop","A comprehensive verification system for Claude Code sessions.","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Fverification-loop\u002FSKILL.md",[],[90,91,92,93,94,95,96],"verification","loop","verification loop","sessions","code","claude code sessions","system",{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":112,"publishedAt":35},"01M6D88JFZ2P996GVRHJNSZSTM","tdd-workflow","Use this skill when writing new features, fixing bugs, or refactoring code. Enforces test-driven development with 80%+ coverage including unit, integration, and E2E tests.","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Ftdd-workflow\u002FSKILL.md",[103,106,109],{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":107,"categoryName":108,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":110,"categoryName":111,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师",[113,114,115,116,117,118,94,119,120,121,122,123,124,125],"tdd","workflow","tdd workflow","e2e tests","e2e","integration","development","use","test","refactoring","coverage","tests","writing",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":35},"01M6D88FTHRRSVJMXF2G7MQAK3","swiftui-patterns","SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS\u002FmacOS UI best practices.","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Fswiftui-patterns\u002FSKILL.md",[],[133,33,134,135,136,137,138,139,140,141,142,32,143,144,145,146,147,148,149],"patterns","swiftui patterns","architecture","macos","performance","state management","best practices","state","ui","Optimization","architecture patterns","Composition","performance optimization","view","management","swiftui architecture","navigation",{"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":157,"publishedAt":35},"01M6D88D527QTQT9DKHTRFN6EA","swift-protocol-di-testing","Protocol-based dependency injection for testable Swift code — mock file system, network, and external APIs using focused protocols and Swift Testing.","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Fswift-protocol-di-testing\u002FSKILL.md",[156],{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},[158,159,160,161,94,162,163,164,165,96,166,167,168],"swift protocol di testing","protocol","swift","testing","protocols","file","network","injection","dependency","swift testing","dependency injection",{"skillNo":170,"name":171,"nameZh":6,"description":172,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":173,"categories":174,"keywords":175,"publishedAt":35},"01M6D88AJW8H2QNWSW5ZY82R43","swift-concurrency-6-2","Swift 6.2 Approachable Concurrency — single-threaded by default, @concurrent for explicit background offloading, isolated conformances for main actor types.","https:\u002F\u002Fgithub.com\u002Foabdelmaksoud\u002FSuperClaw\u002Fblob\u002Fmain\u002Fupstream-sync\u002Fwork\u002Fecc\u002Fskills\u002Fswift-concurrency-6-2\u002FSKILL.md",[],[176,177,160,178,179,40],"concurrency","swift concurrency","swift concurrency 6 2","default"]