swiftui-liquid-glass
Implementar efectos de interfaz Liquid Glass de iOS en SwiftUI
Crear interfaces modernas de iOS con Liquid Glass requiere comprender las APIs y patrones de diseño específicos de Apple. Esta habilidad proporciona patrones de código listos para usar y listas de verificación de revisión para implementar efectos de vidrio correctamente.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "swiftui-liquid-glass". Agregar un efecto de vidrio a un botón de confirmación
Erwartetes Ergebnis:
- Usar .buttonStyle(.glassProminent) para acciones de alta visibilidad
- Aplicar después de todos los modificadores de diseño para una correcta superposición del efecto
- Envolver en GlassEffectContainer si se combina con otros elementos de vidrio
- Verificar disponibilidad de iOS 26 con alternativa para versiones anteriores
Verwendung von "swiftui-liquid-glass". Crear una tarjeta con efecto de vidrio que se transforma al expandirse
Erwartetes Ergebnis:
- Usar @Namespace y glassEffectID para transformación de forma
- Aplicar .interactive() solo a áreas tocables
- Envolver en GlassEffectContainer con espaciado apropiado
- Agregar withAnimation alrededor de cambios en la jerarquía de vistas
Sicherheitsaudit
SicherPure documentation skill with only markdown and Swift code examples. No executable code, scripts, network calls, filesystem access, or environment variable reads. All 148 static findings are false positives: code block delimiters misidentified as shell backticks, documentation URLs flagged as network risks, and generic UI terms misclassified as security threats.
Risikofaktoren
⚙️ Externe Befehle (65)
Qualitätsbewertung
Was du bauen kannst
Agregar efectos de vidrio a nueva interfaz
Construir interfaces modernas con componentes Liquid Glass que desenfocan y reflejan contenido de fondo
Diseñar interfaces basadas en vidrio
Crear superficies de vidrio consistentes con formas, tintes y estados interactivos apropiados
Auditar implementación de vidrio
Verificar que el uso de Liquid Glass siga las directrices de Apple para rendimiento y consistencia de diseño
Probiere diese Prompts
Agregar un modificador glassEffect a una vista Text de SwiftUI con una forma de rectángulo redondeado y tinte interactivo.
Crear un GlassEffectContainer que contenga tres vistas de iconos con espaciado consistente y soporte para transformación.
Aplicar estilo a un botón de SwiftUI usando el estilo de botón glassProminent y agregarlo a un GlassEffectContainer.
Revisar esta vista de SwiftUI para verificar el uso correcto de Liquid Glass. Verificar el orden de modificadores, uso de contenedores y manejo de disponibilidad de iOS 26.
Bewährte Verfahren
- Aplicar el modificador glassEffect después de los modificadores de diseño y visuales
- Usar GlassEffectContainer cuando coexistan múltiples elementos de vidrio
- Proteger el código de Liquid Glass con #available(iOS 26, *) y proporcionar alternativas
Vermeiden
- Usar desenfoques personalizados en lugar de la API nativa glassEffect
- Aplicar interactive() a elementos no interactivos
- Omitir verificaciones de disponibilidad para el requisito de iOS 26