Liquid Glass Skill: Install, Source and Security | FunnelSlayer
FunnelSlayer
Book a call

Liquid Glass Skill

Published by podo in design-agent-skills

Review recommended89 installs

What this skill does

|

Add Liquid Glass Skill to your agent

Review the source and files first. When you are ready, copy the prompt instruction or use the CLI command supported by your environment.

Install with a prompt

Paste this into a compatible coding agent:

add this skill "liquid-glass-skill" from https://github.com/podo/design-agent-skills

Install with the CLI

Run this command in a controlled environment after reviewing the repository:

npx skills add https://github.com/podo/design-agent-skills --skill liquid-glass-skill

Skill instructions

liquid-glass-skill

Catalogue stub — full package: haider-nawaz/liquid-glass-skill

Decision tree

  1. Is the package already installed? Check: ~/.design-agent-skills/skills/liquid-glass-skill/SKILL.md exists.

    • Yes → invoke liquid-glass-skill and proceed
    • No → go to step 2

  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

/plugin marketplace add haider-nawaz/liquid-glass-skill

Invoke after install

  • Skill name: liquid-glass-skill
  • Trigger phrases: "Liquid Glass", "iOS 26 design", "glassEffect", "GlassEffectContainer"

What it does

Provides comprehensive knowledge of Apple's Liquid Glass material system introduced in iOS 26 and macOS 26. Covers the SwiftUI .glassEffect() view modifier, .buttonStyle(.glass) for interactive elements, GlassEffectContainer for grouping glass surfaces, platform-specific behavioral differences between iOS, macOS, tvOS, and visionOS, step-by-step migration paths for apps upgrading from pre-26 designs, and a catalogue of known pitfalls (performance, layering, contrast) with tested solutions.

When NOT to use

  • Apps targeting iOS versions before iOS 26 — Liquid Glass APIs are unavailable
  • Android or cross-platform design — use mobile-app-design instead
  • General SwiftUI patterns beyond Liquid Glass — use swiftui-claude-skills or swiftui-patterns

Files included

  • SKILL.md
  • stub.yaml