·liquid-glass
</>

liquid-glass

Guía completa del sistema de diseño Liquid Glass de Apple introducido en macOS 26, iOS 26 y en todas las plataformas Apple. Cubre SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), transformación de glassEffectID, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect) y WidgetKit (modo de representación acentuado, widgetAccentable). Úselo siempre que cree una interfaz de usuario con el nuevo lenguaje de diseño de Apple, adopte efectos de vidrio, diseñe botones o barras de herramientas o cree interfaces modernas de macOS/iOS. Consulta siempre esta habilidad cuando te pregunten sobre el nuevo diseño de Apple.

6Instalaciones·0Tendencia·@makgunay

Instalación

$npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass

Cómo instalar liquid-glass

Instala rápidamente el skill de IA liquid-glass en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: makgunay/claude-swift-skills.

SKILL.md

Ver original

Apple's new material design combining glass optics with fluid interaction. Available across all platforms.

| references/swiftui-glass.md | SwiftUI glass effects, containers, morphing, button styles | | references/appkit-glass.md | AppKit NSGlassEffectView, NSGlassEffectContainerView, hover effects | | references/uikit-glass.md | UIKit UIGlassEffect, scroll edge effects, container effects |

| references/widgetkit-glass.md | Widget accented rendering mode, widgetAccentable modifier |

Guía completa del sistema de diseño Liquid Glass de Apple introducido en macOS 26, iOS 26 y en todas las plataformas Apple. Cubre SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), transformación de glassEffectID, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect) y WidgetKit (modo de representación acentuado, widgetAccentable). Úselo siempre que cree una interfaz de usuario con el nuevo lenguaje de diseño de Apple, adopte efectos de vidrio, diseñe botones o barras de herramientas o cree interfaces modernas de macOS/iOS. Consulta siempre esta habilidad cuando te pregunten sobre el nuevo diseño de Apple. Fuente: makgunay/claude-swift-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-24
Actualizado
2026-03-10

Browse more skills from makgunay/claude-swift-skills

Respuestas rápidas

¿Qué es liquid-glass?

Guía completa del sistema de diseño Liquid Glass de Apple introducido en macOS 26, iOS 26 y en todas las plataformas Apple. Cubre SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), transformación de glassEffectID, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect) y WidgetKit (modo de representación acentuado, widgetAccentable). Úselo siempre que cree una interfaz de usuario con el nuevo lenguaje de diseño de Apple, adopte efectos de vidrio, diseñe botones o barras de herramientas o cree interfaces modernas de macOS/iOS. Consulta siempre esta habilidad cuando te pregunten sobre el nuevo diseño de Apple. Fuente: makgunay/claude-swift-skills.

¿Cómo instalo liquid-glass?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/makgunay/claude-swift-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-24