SwiftUI Liquid Glass-Benutzeroberflächen erstellen
SwiftUI-Teams benötigen ein konsistentes Liquid Glass-Verhalten über neue und bestehende Benutzeroberflächen hinweg. Diese Skill bietet Review-Checklisten, Implementierungsmuster und Fallback-Anleitungen für UI-Arbeiten mit iOS 26+.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "liquid-glass" from https://skillstore.io/skills/patrickserrano-liquid-glass.md and its manifest at https://skillstore.io/api/skills/patrickserrano-liquid-glass/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„liquid-glass“ wird verwendet. Eine SwiftUI-Toolbar überprüfen, die Liquid Glass auf mehrere Buttons anwendet.
Erwartetes Ergebnis:
Das Review markiert fehlende Gruppierung, inkonsistente Formen und nicht verfügbare Fallback-UI. Es empfiehlt einen Container und interaktives Glas nur auf Buttons.
„liquid-glass“ wird verwendet. Liquid Glass-Behandlung für eine Karte, Filter-Chips und eine primäre Aktion planen.
Erwartetes Ergebnis:
Der Plan weist Glas wichtigen Oberflächen zu, hält Chips gruppiert, verwendet einen hervorgehobenen Button-Stil und bewahrt ältere iOS-Materialien.
„liquid-glass“ wird verwendet. Ein morphendes Steuerfeld prüfen, das zwischen kompaktem und erweitertem Zustand wechselt.
Erwartetes Ergebnis:
Das Audit prüft die Verwendung von namespace, stabile Glas-Identifikatoren, Animationsgrenzen, Abstände und das Fallback-Verhalten des Layouts.
All 40 static findings are false positives from Markdown inline code, Swift code fences, and ordinary prose headings. I found no prompt injection, malicious intent, external command execution, network access, filesystem access, environment access, or data exfiltration in SKILL.md.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/patrickserrano-liquid-glass/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/patrickserrano-liquid-glass.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>patrickserrano. (2026). liquid-glass security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4@techreport{patrickserrano-patrickserrano-liquid-glass-2026,
author = {patrickserrano},
title = {liquid-glass security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "liquid-glass security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "patrickserrano"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4"
identifiers:
- type: other
value: "skillstore:patrickserrano-liquid-glass:audit:4"
description: "Skillstore immutable audit report identifier"
Liquid Glass-Probleme in einem bestehenden SwiftUI-Feature finden, einschließlich Modifier-Reihenfolge, Containern, Interaktivität und Fallbacks.
Oberflächen, Buttons, Chips, Formen und Übergänge auswählen, bevor Liquid Glass zu einer neuen Benutzeroberfläche hinzugefügt wird.
Benutzerdefinierte Blur-Muster durch native Liquid Glass-Anleitung ersetzen und dabei das Fallback-Verhalten für ältere iOS-Versionen beibehalten.
Überprüfe diese SwiftUI-View auf die Verwendung von Liquid Glass. Prüfe Verfügbarkeitsprüfungen, Modifier-Reihenfolge, Container, Interaktivität, Formen und Fallback-UI.
Hilf mir, Liquid Glass zu dieser SwiftUI-Komponente hinzuzufügen. Empfiehl die Glasform, Hervorhebung, Modifier-Platzierung und den Nicht-Glas-Fallback.
Refaktorisiere diese gruppierten SwiftUI-Steuerelemente so, dass sie GlassEffectContainer verwenden. Halte die Abstände konsistent und verwende interaktives Glas nur für Steuerelemente.
Auditiere diese animierte SwiftUI-Benutzeroberfläche auf Liquid Glass-Übergänge. Prüfe die Verwendung von glassEffectID, die Platzierung des namespace, Hierarchieänderungen und das Fallback-Verhalten.
Autor
patrickserranoLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
e397ce5a135369cd6def89cb6400d013e2f68f2f
Aktualität der Wartung
18.7.2026
Nutzung
16 Downloads · 167 Aufrufe
Dateistruktur
📄 SKILL.md
Bessere SwiftUI-Features entwickeln
von avdlee
In SwiftUI-Projekten können sich veraltete APIs, fragile Zustände und langsame View-Aktualisierungen ansammeln. Dieser Skill bietet gezielte Anleitung für modernen, wartbaren SwiftUI-Code.
Native iOS-Apps mit Swift entwickeln
von sickn33
Native iOS-Entwicklung erfordert Plattformwissen zu UI, Daten, Sicherheit, Tests und App-Store-Veröffentlichung. Diese Fähigkeit gibt Claude, Codex und Claude Code gezielte Anleitung für eine Swift-first-iOS-Implementierung.
Frontend-Barrierefreiheit verbessern
von EIS-ITS
Frontend-Teams übersehen bei routinemäßiger UI-Arbeit häufig Anforderungen an Tastaturbedienung, Semantik und Screenreader. Diese Skill leitet Claude, Codex und Claude Code dabei an, Barrierefreiheitsprüfungen beim Erstellen oder Bearbeiten von Benutzeroberflächen anzuwenden.
Lighthouse-Kontrastfehler beheben
von ZhanlinCui
Fehler bei der Lighthouse-Kontrastprüfung können umsetzbare SEO- und Barrierefreiheitsergebnisse verdecken. Dieser Skill bietet gezielte Prüfungen und Behebungsmuster für CSS-Kontrastprobleme.
Screenreader-Barrierefreiheit validieren
von sickn33
Regressionen bei Screenreadern können sich hinter visuellen Prüfungen verbergen. Dieser Skill bietet praktische Testschritte für VoiceOver, NVDA, JAWS und TalkBack.
iOS-Apps im Simulator debuggen
von Dimillian
Das Debuggen im iOS-Simulator erfordert oft viele separate Schritte für Build, Start, UI und Logs. Diese Skill gibt Claude einen klaren XcodeBuildMCP-Workflow, um das App-Verhalten in einer geführten Sitzung zu untersuchen.