axiom-liquid-glass

Design and review Apple Liquid Glass interfaces for SwiftUI apps across Apple platforms.

264|11|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/coco-research/coco --skill axiom-liquid-glass-coco-research
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: axiom-liquid-glass
Source: https://github.com/coco-research/coco/tree/main/skills/axiom-liquid-glass
Command: npx skills add https://github.com/coco-research/coco --skill axiom-liquid-glass-coco-research

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design, review, and refine Apple Liquid Glass interfaces so they feel native, legible, and production-ready instead of trendy or over-styled.

Core Features & Use Cases

  • Design philosophy guidance: Apply Apple-first principles such as restraint, hierarchy, and material used for clarity rather than decoration.
  • Implementation review: Choose between Regular and Clear variants, place glass on the right layer, and avoid glass-on-glass mistakes.
  • Interaction and platform adaptation: Plan scroll edge effects, tinting, motion behavior, accessibility, and platform-specific behavior across Apple platforms.
  • Use case: Redesign a mobile app’s navigation, toolbars, sheets, and floating controls so the interface feels like a first-party iOS experience.

Quick Start

Review my current screen and recommend an iOS-native Liquid Glass redesign with the right materials, hierarchy, and accessibility choices.

Frequently Asked Questions about axiom-liquid-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a native Liquid Glass interface in SwiftUI?

Choose between Regular and Clear Liquid Glass variants based on your interface hierarchy. Avoid glass-on-glass mistakes by placing materials on the correct layer, ensuring clarity rather than mere decoration in your SwiftUI views.

What is the best way to adapt Liquid Glass effects across iOS 26 and macOS Tahoe?

Adapt Liquid Glass effects by planning platform-specific scroll edge behaviors, tinting, and motion across iOS 26+, iPadOS 26+, macOS Tahoe+, and visionOS 3+. This ensures consistent native interaction patterns on each platform.

How do I validate accessibility and legibility for Liquid Glass UI components?

Validate Liquid Glass accessibility by testing motion support, contrast levels, and legibility across different backgrounds. Proper variant selection and glass layering rules prevent transparent materials from degrading text readability.

Why does my Liquid Glass redesign look trendy instead of native?

Your Liquid Glass redesign looks trendy when materials are used for decoration instead of clarity. Applying restraint, correct glass layering, and proper hierarchy ensures the interface feels like a first-party Apple experience.

Can I use Liquid Glass for navigation and floating controls in an iOS app redesign?

Yes, you can apply Liquid Glass to navigation, toolbars, sheets, and floating controls during an iOS app redesign. Correct material selection and scroll edge effects ensure these elements feel like a native first-party experience.