·liquid-glass
*

liquid-glass

✓
casper-studios/casper-marketplaceGitHub: casper-studios/casper-marketplaceSource: casper-studios/casper-marketplace

Build native macOS/iOS apps with Apple's Liquid Glass design language and Human Interface Guidelines. Use when creating SwiftUI interfaces, implementing translucent materials, designing cards/rows/badges, applying SF Symbols, following Apple HIG spacing/typography/color systems, or building any app that should feel native to Apple platforms. Triggers on macOS apps, iOS apps, SwiftUI UI, Apple-style design, glass effects, material backgrounds, native app design.

casper-studios·liquid·glass
99Installs·8Trend·@casper-studios

Installation

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

How to Install liquid-glass

Quickly install liquid-glass AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: casper-studios/casper-marketplace.

SKILL.md

View raw

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.

Build native macOS/iOS apps with Apple's Liquid Glass design language and Human Interface Guidelines. Use when creating SwiftUI interfaces, implementing translucent materials, designing cards/rows/badges, applying SF Symbols, following Apple HIG spacing/typography/color systems, or building any app that should feel native to Apple platforms. Triggers on macOS apps, iOS apps, SwiftUI UI, Apple-style design, glass effects, material backgrounds, native app design. Source: casper-studios/casper-marketplace.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass
Source
casper-studios/casper-marketplace
Category
*Creative Media
Verified
✓
First Seen
2026-03-02
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/casper-studios/casper-marketplace/liquid-glass

Browse more skills from casper-studios/casper-marketplace

Quick answers

What is liquid-glass?

Build native macOS/iOS apps with Apple's Liquid Glass design language and Human Interface Guidelines. Use when creating SwiftUI interfaces, implementing translucent materials, designing cards/rows/badges, applying SF Symbols, following Apple HIG spacing/typography/color systems, or building any app that should feel native to Apple platforms. Triggers on macOS apps, iOS apps, SwiftUI UI, Apple-style design, glass effects, material backgrounds, native app design. Source: casper-studios/casper-marketplace.

How do I install liquid-glass?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/casper-studios/casper-marketplace --skill liquid-glass Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

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

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-02

Related Skills

pr-comments
115 Installs
pr-summary
115 Installs
create-handoff
110 Installs
polishing
110 Installs
commit
109 Installs
recover-branch-context
109 Installs