메뉴
Liquid Glass adoption guide for EdgeAILab. Verified SwiftUI APIs, design philosophy, VibrantBackgroundView migration, and testing checklist. Activate when modifying navigation chrome, toolbars, sidebars, tab bars, or system appearance settings.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Token architecture, naming conventions, palette theming, and exemption rules for EdgeAILab's visual design system in DesignSystem.swift. Activate when editing UI views, adding new visual elements, or changing the app's color palette.
Systematic audit for unreachable UI, dead code, and orphan views. Activate after major refactors, before releases, or when the user reports "buttons that don't work" or "features I can't find."
Rules and patterns for working with the MLX inference engine in Edge AI Lab. Covers MLXEngineAdapter lifecycle, mlx-swift-lm API patterns, Metal memory management, Swift concurrency constraints, iOS Simulator guards, and GenerateCompletionInfo metrics. Activate when implementing, modifying, or debugging MLX engine code.
HuggingFace MLX model selection, quantization caveats, file structure, memory estimation, and recommended models for Edge AI Lab. Activate when selecting MLX models, estimating memory requirements, debugging model quality issues, or working with mlx-community HuggingFace repos.
Systematic verification of implementation plan completion. Use when declaring a plan complete, when the user asks for a status check, or before creating a walkthrough/summary artifact.
Run XCTest test plans, execute specific tests, parse xcresult bundles, and interpret test results for EdgeAILab. Use this skill when running unit tests, integration tests, UI tests, device tests, performance tests, verification runs, or debugging test failures.
| name | liquid-glass |
| description | Liquid Glass adoption guide for EdgeAILab. Verified SwiftUI APIs, design philosophy, VibrantBackgroundView migration, and testing checklist. Activate when modifying navigation chrome, toolbars, sidebars, tab bars, or system appearance settings. |
All APIs verified against:
/Applications/Xcode-beta.app/.../SwiftUICore.swiftmodule/arm64e-apple-macos.swiftinterface
| API | Signature | Purpose |
|---|---|---|
.glassEffect() | .glassEffect(_ glass: Glass = .regular, in shape: some Shape) | Apply glass to any view |
.glassEffectID() | .glassEffectID(_ id: some Hashable, in namespace: Namespace.ID) | Identity for animation within container |
.glassEffectTransition() | .glassEffectTransition(_ transition: GlassEffectTransition) | Transition style for glass elements |
.glassEffectUnion() | .glassEffectUnion(id: some Hashable, namespace: Namespace.ID) | Merge glass effects across views |
| Type | Members | Notes |
|---|---|---|
Glass | .regular, .clear | Static properties |
Glass | .tint(_ color: Color?), .interactive(_ isEnabled: Bool) | Instance methods |
GlassEffectContainer<Content> | SwiftUI View | Groups glass elements for morphing/performance |
GlassEffectTransition | .matchedGeometry, .materialize, .identity | Transition styles |
DefaultGlassEffectShape | Shape | Default shape used when no shape specified |
.glassEffect(.clear)AppColors custom paletteAppColors.backgroundPrimary/Secondary/Tertiary → content areas onlyAppColors.textPrimary/Secondary/Tertiary → fine on content, use semantic .primary/.secondary on glass surfaces.preferredColorScheme(.dark)The app currently forces dark mode in ~20 places. For glass to render correctly with system-managed appearance:
.preferredColorScheme(.dark) calls@AppStorage("prefersDarkMode") if user control desiredAppColors have light-mode variants, OR use colorScheme(.dark) at the window level onlyVibrantBackgroundViewOpaque backgrounds defeat glass transparency on navigation chrome.
Known VibrantBackgroundView locations:
Sources/Views/ContentView.swift:319 — chat column backgroundSources/Platform/iOS/iOSChatTabView.swift:52 — iOS chat tabSources/Platform/iOS/iOSConversationPickerSheet.swift:56 — conversation pickerSources/Platform/iOS/iOSLabTabView.swift:36 — lab tabSources/Views/OnboardingView.swift:38 — onboarding flowStrategy: Replace with system background on navigation-adjacent views. Keep gradient effects on content-area views but make them lighter/more transparent.
.glassEffect Usage (already adopted)Sources/Views/SidebarView.swift:93 — active model row ✅Sources/Views/DetailColumnView.swift:304 — detail card ✅Sources/Platform/iOS/iOSModelHubView.swift:235 — model hub card ✅.onDrop ExtensionSources/Views/ContentView.swift:192 — currently hardcoded to .litertlm extension only. Must add .gguf acceptance.
.glassEffect usage still works correctly