Skills liquid-glass
📦

liquid-glass

Content revision r1 Safe ⚙️ External commands

Build SwiftUI Liquid Glass Interfaces

SwiftUI teams need consistent Liquid Glass behavior across new and existing interfaces. This skill provides review checklists, implementation patterns, and fallback guidance for iOS 26+ UI work.

Supports: Claude Codex Code(CC)
🥉 78 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "liquid-glass" from https://skillstore.io/skills/patrickserrano-liquid-glass.md and its manifest at https://skillstore.io/api/skills/patrickserrano-liquid-glass/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/patrickserrano-liquid-glass.md Signed manifest GET /api/skills/patrickserrano-liquid-glass/manifest Signed lockfile GET /api/skills/patrickserrano-liquid-glass/lockfile

Test it

Using "liquid-glass". Review a SwiftUI toolbar that applies Liquid Glass to several buttons.

Expected outcome:

The review flags missing grouping, inconsistent shapes, and unavailable fallback UI. It recommends a container and interactive glass only on buttons.

Using "liquid-glass". Plan Liquid Glass treatment for a card, filter chips, and primary action.

Expected outcome:

The plan assigns glass to key surfaces, keeps chips grouped, uses a prominent button style, and preserves older iOS materials.

Using "liquid-glass". Check a morphing control panel that changes between compact and expanded states.

Expected outcome:

The audit checks namespace use, stable glass identifiers, animation boundaries, spacing, and fallback layout behavior.

Security Audit

Safe
v4 • 7/6/2026 Open versioned report

All 40 static findings are false positives from Markdown inline code, Swift code fences, and ordinary prose headings. I found no prompt injection, malicious intent, external command execution, network access, filesystem access, environment access, or data exfiltration in SKILL.md.

1
Files scanned
161
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

⚙️ External commands (31)
SKILL.md:21 SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:36 SKILL.md:40 SKILL.md:41 SKILL.md:42 SKILL.md:43 SKILL.md:44 SKILL.md:50 SKILL.md:51 SKILL.md:52 SKILL.md:53 SKILL.md:59-69 SKILL.md:69-72 SKILL.md:72-85 SKILL.md:85-88 SKILL.md:88-94 SKILL.md:94-97 SKILL.md:97-123 SKILL.md:123-126 SKILL.md:126-130 SKILL.md:130-133 SKILL.md:133-145 SKILL.md:145-149 SKILL.md:149-150 SKILL.md:150-151 SKILL.md:151-155 SKILL.md:155-156 SKILL.md:156-159
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History →
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/patrickserrano-liquid-glass/security.svg)](https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/patrickserrano-liquid-glass/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/patrickserrano-liquid-glass.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA · BibTeX · CFF)

APA citation

patrickserrano. (2026). liquid-glass security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4

BibTeX citation

@techreport{patrickserrano-patrickserrano-liquid-glass-2026, author = {patrickserrano}, title = {liquid-glass security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "liquid-glass security audit report (audit version 4)" version: "unspecified" type: report authors: - name: "patrickserrano" date-released: "2026-07-06" url: "https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4" identifiers: - type: other value: "skillstore:patrickserrano-liquid-glass:audit:4" description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High
55
Architecture
85
Maintainability
87
Content
70
Community
83
Spec Compliance

What You Can Build

Review Existing UI

Find Liquid Glass issues in an existing SwiftUI feature, including modifier order, containers, interactivity, and fallbacks.

Plan New Glass Components

Choose surfaces, buttons, chips, shapes, and transitions before adding Liquid Glass to a new interface.

Refactor Visual Effects

Replace custom blur patterns with native Liquid Glass guidance while preserving older iOS fallback behavior.

Try These Prompts

Review Liquid Glass Usage 
Review this SwiftUI view for Liquid Glass usage. Check availability gates, modifier order, containers, interactivity, shapes, and fallback UI.
Add Glass To Component 
Help me add Liquid Glass to this SwiftUI component. Recommend the glass shape, prominence, modifier placement, and non-glass fallback.
Refactor Grouped Controls 
Refactor these grouped SwiftUI controls to use GlassEffectContainer. Keep spacing consistent and use interactive glass only for controls.
Audit Complex Transitions 
Audit this animated SwiftUI interface for Liquid Glass transitions. Check glassEffectID usage, namespace placement, hierarchy changes, and fallback behavior.

Best Practices

  • Use native Liquid Glass APIs before custom blur or material workarounds.
  • Apply glass modifiers after layout and appearance modifiers.
  • Provide fallback UI for devices or targets below iOS 26.

Avoid

  • Applying interactive glass to static labels or decorative surfaces.
  • Mixing unrelated glass shapes and spacing within one control group.
  • Adding Liquid Glass without checking availability and fallback behavior.

Frequently Asked Questions

What does this skill help build?
It helps implement, review, and refactor SwiftUI interfaces that use iOS 26+ Liquid Glass APIs.
Can it write complete SwiftUI components?
It can suggest component structure and patterns, but you should compile and test the result locally.
Does it cover fallback UI?
Yes. It explicitly checks availability gates and recommends non-glass fallbacks for earlier iOS versions.
Does it replace design review?
No. It provides implementation guidance, but product and accessibility review still matter.
Which tools can use it?
The report lists support for Claude, Codex, and Claude Code.
Is this skill safe to install?
The reviewed file contains documentation only. Static alerts were false positives from Markdown and SwiftUI examples.

Developer Details

License

MIT

Skillstore revision

r1

Version notice

The author did not declare a version.

Repository

https://github.com/patrickserrano/skills/tree/main/skills/swiftui-liquid-glass/

Ref

e397ce5a135369cd6def89cb6400d013e2f68f2f

Maintenance freshness

7/18/2026

Usage

16 downloads · 167 views

File structure

📄 SKILL.md