ios-glass-buttons

Community

Fix tap targets with Liquid Glass buttons.

Authorpyronaur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guidance for diagnosing and fixing small or inconsistent hit targets in iOS SwiftUI controls that use Liquid Glass, ensuring taps are reliable and icons remain visible.

Core Features & Use Cases

  • Explicit hit target sizing: apply frame or padding to the button label to widen tap areas.
  • Define the tappable region with contentShape(Rectangle()) (or Capsule() for pill shapes) to align hit area with the intended target.
  • Apply glass effects after sizing and hit-testing to preserve hit area.
  • Patterns for grouped icon buttons: maintain uniform hit targets within a column or row.
  • Icon rendering guidance: maintain contrast and prevent icon disappearance when applying glass.

Quick Start

Apply explicit hit-target sizing and a content shape to a SwiftUI button, then verify the tappable area matches the visible icon.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ios-glass-buttons
Download link: https://github.com/pyronaur/ngents/archive/main.zip#ios-glass-buttons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.