liquid-glass-ios

Liquid Glass Design for iOS

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "liquid-glass-ios" with this command: npx skills add ravnhq/ai-toolkit/ravnhq-ai-toolkit-liquid-glass-ios

Liquid Glass Design for iOS

Implementation patterns for Apple's Liquid Glass design system in iOS 26+ and iPadOS 26+, covering SwiftUI glassEffect APIs and UIKit NSGlassEffectView integration.

References

See references/liquid-glass.md for comprehensive guidance organized by:

  • Platform & Availability - iOS 26+ version checking and fallbacks

  • Navigation & UI Layer - Proper layer placement for glass effects

  • Variants & Styling - Glass variants (regular, thin, clear) and color usage

  • Container & Multi-Element Management - GlassEffectContainer patterns and spacing

  • Morphing & Animations - Transition effects and identity management

  • Performance & Limits - Element constraints and optimization

  • Accessibility - VoiceOver and reduced transparency support

  • UIKit Integration - NSGlassEffectView patterns

  • Framework Interoperability - SwiftUI and UIKit mixing constraints

Examples

Positive Trigger

User: "Implement iOS 26 glassEffect navigation with proper fallbacks."

Expected behavior: Use liquid-glass-ios guidance, follow its workflow, and return actionable output.

Non-Trigger

User: "Implement Android Compose Material 3 bottom navigation."

Expected behavior: Do not prioritize liquid-glass-ios ; choose a more relevant skill or proceed without it.

Troubleshooting

Skill Does Not Trigger

  • Error: The skill is not selected when expected.

  • Cause: Request wording does not clearly match the description trigger conditions.

  • Solution: Rephrase with explicit domain/task keywords from the description and retry.

Guidance Conflicts With Another Skill

  • Error: Instructions from multiple skills conflict in one task.

  • Cause: Overlapping scope across loaded skills.

  • Solution: State which skill is authoritative for the current step and apply that workflow first.

Output Is Too Generic

  • Error: Result lacks concrete, actionable detail.

  • Cause: Task input omitted context, constraints, or target format.

  • Solution: Add specific constraints (environment, scope, format, success criteria) and rerun.

Workflow

  • Identify whether the request clearly matches liquid-glass-ios scope and triggers.

  • Apply the skill rules and referenced guidance to produce a concrete result.

  • Validate output quality against constraints; if gaps remain, refine once with explicit assumptions.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

core-coding-standards

No summary provided by upstream source.

Repository SourceNeeds Review
General

promptify

No summary provided by upstream source.

Repository SourceNeeds Review
General

tech-react

No summary provided by upstream source.

Repository SourceNeeds Review
General

platform-frontend

No summary provided by upstream source.

Repository SourceNeeds Review