ios-glass-buttons
CommunityFix 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.