Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
ContentMédio

Liquid Glass Design System (iOS 26)

poraffaan-m·affaan-m· v1.0.0 · atualizado em 2026-04-10
82
Score

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

ios-designliquid-glassswiftuiuikitwidgetkitdesign-systemios26
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdliquid-glass-design/workflow
1. Identify the UI element needing the Liquid Glass effect.
2. Choose the appropriate API (SwiftUI's `.glassEffect()`, UIKit's `UIGlassEffect`, or WidgetKit's rendering modes).
3. Customize the effect with tint, shape, and interactivity options.
4. Wrap multiple glass views in a `GlassEffectContainer` (SwiftUI) or `UIGlassContainerEffect` (UIKit) for performance and morphing.
5. Implement morphing transitions using `@Namespace` and `glassEffectID` (SwiftUI).
6. Test the implementation across different appearances and accessibility settings.
7. Adjust spacing and other parameters to achieve the desired visual effect.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aImplement Design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aApp Store Screenshots Generator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar aMarp Slide Creator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77

Árvore do Skill

Liquid Glass Design System (iOS 26)
liquid-glass-design
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.RECOMMEND
5.ACT
6.REFLECT
Triggers7
implement liquid glass effect in iOS appadd glass-style buttons to SwiftUIcreate morphing transitions between glass elementsapply liquid glass effects to widgetsmigrate blur effects to liquid glass APIuse UIGlassEffect in UIKitintegrate liquid glass into a navigation bar

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download liquid-glass-design
$ synaptic skills detail liquid-glass-design
$ synaptic skills live liquid-glass-design

Links

GitHub Repository