Swiftui Liquid Glass skill

O Claude põe o visual de vidro do iOS 26 nas telas do seu app em SwiftUI do jeito que a Apple recomenda, sem quebrar em iPhone com sistema antigo.

por dimillian

instalações: 5.400
estrelas no GitHub: 4.010
No skills.sh desde: janeiro de 2026
Licença: MIT

Atualizada no GitHub em 29 de março de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

dimillian
swiftui-liquid-glass
O Claude põe o visual de vidro do iOS 26 nas telas do seu app em SwiftUI do jeito que a Apple recomenda, sem quebrar em iPhone com sistema antigo.Auditada5.400 instalações, grátis

O que ela faz

Ajuda a usar o Liquid Glass, o visual de vidro que a Apple lançou no iOS 26, em apps feitos com SwiftUI. Segue um de três caminhos: revisar uma tela que já usa o efeito, melhorar uma tela existente com ele ou criar uma tela nova já pensada no vidro.

Usa as peças nativas: glassEffect, GlassEffectContainer pra agrupar vários elementos de vidro, os estilos de botão glass e glassProminent e o glassEffectID pra animar um elemento se transformando em outro. Aplica o efeito depois dos modificadores de layout e deixa interativo só o que se toca.

Protege o código com #available(iOS 26, *) e entrega uma versão sem vidro, com material translúcido, pra quem está em iOS mais antigo. A revisão confere ordem dos modificadores, agrupamento, formatos consistentes e espaçamento.

Nas palavras de quem fez

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing…

dimillian, no SKILL.md

Quando usar

Atualizar o visual de um app pra cara do iOS 26
Trocar um desfoque feito à mão pelo efeito nativo da Apple
Revisar se o Liquid Glass do app está aplicado do jeito certo
Criar botões e barras de ferramentas com vidro numa tela nova

Depois de instalar, é só pedir assim

Aplica Liquid Glass na barra de ferramentas da tela de edição, com versão pra iOS 18
Revisa o uso de glassEffect nesse arquivo e aponta o que está fora do padrão da Apple
Faz o botão Confirmar no estilo glassProminent e anima a troca entre os dois cartões

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a Swiftui Liquid Glass no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Swiftui Liquid Glass, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que precisa pra funcionar?

Um projeto em SwiftUI e um Mac com Xcode que compile pra iOS 26, já que o efeito só existe a partir dele. A skill não pede chave nem serviço pago e manda conferir os detalhes da API na documentação da Apple.

Roda no Codex e no Antigravity?

Sim. É orientação e trechos de código em Swift, sem depender de recurso exclusivo de nenhum agente.

Ela faz o app inteiro?

Não. O foco é o Liquid Glass: onde usar o vidro, onde não usar e como aplicar. O resto da tela e a lógica do app ficam por sua conta ou de outras skills.

Levar essa skill

1x swiftui-liquid-glassR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/dimillian/skills

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.