·liquid-glass
*

liquid-glass

使用 Apple 的 Liquid Glass 设计语言和人机界面指南构建本机 macOS/iOS 应用程序。在创建 SwiftUI 界面、实现半透明材质、设计卡片/行/徽章、应用 SF 符号、遵循 Apple HIG 间距/排版/颜色系统或构建任何应该感觉为 Apple 平台原生的应用程序时使用。在 macOS 应用程序、iOS 应用程序、SwiftUI UI、Apple 风格设计、玻璃效果、材质背景、本机应用程序设计上触发。

99安装·8热度·@casper-studios

安装

$npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass

如何安装 liquid-glass

通过命令行快速安装 liquid-glass AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:casper-studios/casper-marketplace。

SKILL.md

查看原文

Build native macOS/iOS applications with Apple's Liquid Glass design and HIG.

Glass is ONLY for navigation floating above content. Never on content itself.

Rules: Min 11pt. Avoid Ultralight/Thin/Light. Use system fonts for Dynamic Type.

使用 Apple 的 Liquid Glass 设计语言和人机界面指南构建本机 macOS/iOS 应用程序。在创建 SwiftUI 界面、实现半透明材质、设计卡片/行/徽章、应用 SF 符号、遵循 Apple HIG 间距/排版/颜色系统或构建任何应该感觉为 Apple 平台原生的应用程序时使用。在 macOS 应用程序、iOS 应用程序、SwiftUI UI、Apple 风格设计、玻璃效果、材质背景、本机应用程序设计上触发。 来源:casper-studios/casper-marketplace。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass
分类
*创意媒体
认证
收录时间
2026-03-02
更新时间
2026-03-10

Browse more skills from casper-studios/casper-marketplace

快速解答

什么是 liquid-glass?

使用 Apple 的 Liquid Glass 设计语言和人机界面指南构建本机 macOS/iOS 应用程序。在创建 SwiftUI 界面、实现半透明材质、设计卡片/行/徽章、应用 SF 符号、遵循 Apple HIG 间距/排版/颜色系统或构建任何应该感觉为 Apple 平台原生的应用程序时使用。在 macOS 应用程序、iOS 应用程序、SwiftUI UI、Apple 风格设计、玻璃效果、材质背景、本机应用程序设计上触发。 来源:casper-studios/casper-marketplace。

如何安装 liquid-glass?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/casper-studios/casper-marketplace