Axiom Swiftui

CharlesWiltgen/Axiom/axiom-codex/skills/axiom-swiftui

作者 CharlesWiltgen82c7feafae634a79b4336b3381289441886c122cMIT1.1K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫今天更新

Use when building, fixing, or improving ANY SwiftUI UI — views, navigation, layout, animations, gestures, debugging, iOS 26 features, iPhone Duo, view-level performance, feature architecture.

AI 產生的概覽

路由型技能,將 SwiftUI 介面工作(檢視、導覽、版面、動畫、手勢、預覽、除錯)導向對應的參考文件。

功能
作為 SwiftUI 開發工作的路由索引,把症狀與任務(檢視未更新、導覽問題、版面錯亂、捲動卡頓、動畫問題、手勢衝突、預覽問題、iOS 26 功能等)對應到具體的參考文件。同時指向 UIKit、設計規範、tvOS、watchOS 與輔助使用等相鄰套件,並列出架構、效能、導覽、版面、UX 流程、Liquid Glass 與 TextKit 的自動稽核技能。產出的是指引與索引,而非程式碼或檔案。
適用情境
適用於建置、修正或改善 SwiftUI 介面時,包括檢視、狀態、導覽、版面、動畫、手勢、預覽與功能架構。也適合在針對某個症狀決定要查閱哪份 SwiftUI 參考或稽核時使用。
執行需求
僅為說明文件,不附帶指令碼。部分被引用的稽核技能需要 shell 存取權限來執行建置、測試、模擬器與當機符號化。

SwiftUI

You MUST use this skill for ANY SwiftUI work including views, state, navigation, layout, animations, architecture, gestures, and debugging.

<!-- AXIOM_AUDITOR_INLINE_BEGIN — rewritten for Codex by scripts/build-codex.ts; do not hand-edit -->

Auditors are skills here. Where this router says "Launch some-auditor agent", invoke the matching Codex skill instead — same procedure, no Claude Code agent required.

Available: axiom-analyze-swiftui-performance, axiom-audit-liquid-glass, axiom-audit-swiftui-architecture, axiom-audit-swiftui-layout, axiom-audit-swiftui-nav, axiom-audit-textkit, axiom-audit-ux-flow.

The ones that shell out — builds, tests, simulators, crash symbolication — need shell access to run.

<!-- AXIOM_AUDITOR_INLINE_END -->

Quick Reference

Symptom / TaskReference
View not updatingSee skills/debugging.md
View update still broken after debuggingSee skills/debugging-diag.md
Slow previews / building good previews / @Previewable / PreviewModifier / variant matrixSee skills/previews.md
Preview API reference (#Preview, traits, modes, Development Assets)See skills/previews-ref.md
Preview crashes / won't loadSee skills/debugging.md (Preview Crashes section)
Hot reload / live editing / edit the running app on deviceSee skills/hot-reload.md
Navigation issuesSee skills/nav.md
Navigation still broken after debuggingSee skills/nav-diag.md
Navigation API referenceSee skills/nav-ref.md
Layout breaks on iPad/rotationSee skills/layout.md
State lost on resize/rotation (scroll, selection, focus, drafts)See skills/layout.md (State Survives the Transition)
Layout API referenceSee skills/layout-ref.md
Performance/lag/slow scrollSee skills/swiftui-performance.md
Architecture/testabilitySee skills/architecture.md
@State object rebuilt every view init, or an init assignment ignored at runtimeSee skills/architecture.md (@State is a macro now)
Animation issuesSee skills/animation-ref.md
Stacks/grids/outlinesSee skills/containers-ref.md
Custom containers / List replacement (iOS 18+)See skills/containers-ref.md Part 7
Search implementationSee skills/search-ref.md
Toolbars, ToolbarItem, sheet button placement, customizationSee skills/toolbars.md
Navigation subtitle: navigationSubtitle, .title / .subtitle / .largeTitle / .largeSubtitle placements (iOS 26)See skills/toolbars.md (Pattern 14)
Sheets, detents, popovers, fullScreenCover, presentation adaptationSee skills/presentations.md
Multi-column Table, sortable/resizable columns (iPad/Mac; collapses to first column in compact)See axiom-macos (skills/swiftui-differences.md)
Inspector panel (.inspector — trailing column in regular width, sheet in compact)See axiom-macos (skills/swiftui-differences.md)
Gesture conflictsSee skills/gestures.md
Section index — the vertical A–Z index strip / alphabet scrubber on a list's trailing edge, jump-to-sectionSee skills/26-ref.md (Section Index)
List section margins / insets around a SectionSee skills/26-ref.md (Section Margins)
Web content — WebView / WebPage, scroll modifiers, WebView-in-NavigationStackSee skills/26-ref.md (WebView & WebPage)
iPhone Duo / foldable iPhone: poses, vertical bars, the fold, arrangements, hinge, scene accessories (SwiftUI and UIKit)See skills/iphone-duo.md
iOS 26 featuresSee skills/26-ref.md

Non-SwiftUI UI Routes

These topics are part of the broader iOS UI domain but live in separate suites:

UIKit issues
  • Auto Layout conflicts → See axiom-uikit (skills/auto-layout-debugging.md)
  • Animation timing → See axiom-uikit (skills/uikit-animation-debugging.md)
  • SwiftUI ↔ UIKit bridging → See axiom-uikit (skills/uikit-bridging.md)
Design & guidelines
  • Liquid Glass adoption → See axiom-design (skills/liquid-glass.md)
  • SF Symbols → See axiom-design (skills/sf-symbols.md)
  • HIG compliance → See axiom-design (skills/hig.md)
  • Typography → See axiom-design (skills/typography-ref.md)
  • TextKit/rich text → See axiom-uikit (skills/textkit-ref.md)
Other
  • tvOS (focus, remote, text input) → See axiom-swift (skills/tvos.md)
  • App-level composition (root, auth, scenes) → See axiom-design (skills/app-composition.md)
  • Drag/drop, sharing, copy/paste → See axiom-swift (skills/transferable-ref.md)
  • VoiceOver, Dynamic Type → /skill axiom-accessibility
  • UI test flakiness → /skill axiom-testing
  • UX dead ends, dismiss traps → axiom-audit-ux-flow
watchOS-specific patterns
  • Glanceable UI, watch navigation, Smart Stack widgets → See axiom-watchos

Conflict Resolution

axiom-swiftui vs axiom-performance: When UI is slow (e.g., "SwiftUI List slow"):

  1. Try axiom-swiftui FIRST — Domain-specific fixes (LazyVStack, view identity, @State optimization) often solve UI performance in 5 minutes
  2. Only use axiom-performance if domain fixes don't help — Profiling takes longer and may confirm what domain knowledge already knows

Decision Tree

dot
digraph swiftui {    start [label="SwiftUI issue" shape=ellipse];    what [label="What's wrong?" shape=diamond];
    start -> what;    what -> "skills/debugging.md" [label="view not updating"];    what -> "skills/nav.md" [label="navigation"];    what -> "skills/swiftui-performance.md" [label="slow/lag"];    what -> "skills/layout.md" [label="adaptive layout"];    what -> "skills/containers-ref.md" [label="stacks/grids/outlines"];    what -> "skills/architecture.md" [label="feature architecture"];    what -> "skills/animation-ref.md" [label="animations"];    what -> "skills/gestures.md" [label="gestures"];    what -> "skills/search-ref.md" [label="search"];    what -> "skills/toolbars.md" [label="toolbars / sheet buttons"];    what -> "skills/presentations.md" [label="sheets/detents/popovers"];    what -> "skills/26-ref.md" [label="iOS 26 features"];    what -> "skills/iphone-duo.md" [label="iPhone Duo / foldable"];    what -> "skills/previews.md" [label="slow previews / building good previews"];    what -> "skills/previews-ref.md" [label="preview API reference"];    what -> "skills/debugging.md" [label="preview crashes / won't load"];    what -> "skills/hot-reload.md" [label="hot reload / live editing"];    what -> "axiom-macos (skills/swiftui-differences.md)" [label="Table / .inspector\n(large-window density)"];    what -> "axiom-uikit (skills/uikit-bridging.md)" [label="UIKit interop"];    what -> "axiom-design (skills/app-composition.md)" [label="app-level (root, auth)"];    what -> "axiom-swift (skills/transferable-ref.md)" [label="drag/drop, sharing"];}

Automated Scanning

  • Architecture audit → axiom-audit-swiftui-architecture
  • Performance scan → axiom-analyze-swiftui-performance
  • Navigation audit → axiom-audit-swiftui-nav
  • Layout audit → axiom-audit-swiftui-layout
  • UX flow audit → axiom-audit-ux-flow
  • Liquid Glass scan → axiom-audit-liquid-glass (detects migration opportunities AND adoption-completeness gaps: variant discipline for media surfaces, glass-on-glass nesting, unstyled pre-26 fallbacks, semantic toolbar placement, Tab(role: .search), the UIDesignRequiresCompatibility opt-out; scores ADOPTED / PARTIAL / NOT ADOPTED)
  • TextKit scan → axiom-audit-textkit (detects fallback triggers, glyph APIs that corrupt complex scripts, missing Writing Tools wiring, AND architectural gaps like missing fallback observation, SwiftUI wrappers dropping TextKit 2 properties, missing isWritingToolsActive guards; scores MODERN / MIXED / LEGACY)

Anti-Rationalization

ThoughtReality
"Simple SwiftUI layout, no need"SwiftUI layout has 12 gotchas. skills/layout.md covers all of them.
"I know how NavigationStack works"Navigation has state restoration, deep linking, and identity traps. skills/nav.md prevents 2-hour debugging.
"It's just a view not updating"View update failures have 4 root causes. skills/debugging.md diagnoses in 5 min.
"I'll just add .animation()"Animation issues compound. skills/animation-ref.md has the correct patterns.
"No architecture needed"Even small features benefit from separation. skills/architecture.md prevents refactoring debt.
"I know .searchable"Search has 6 gotchas. skills/search-ref.md covers all of them.
"I'll just add a Done button"Sheets without Cancel break the HIG (updated 2026-03-24). .cancellationAction / .confirmationAction produce HIG-correct placement automatically — skills/toolbars.md Pattern 2 has the rules.
"A sheet is a sheet, nothing to configure"Detents, compact adaptation, background interaction, and iOS 18 sizing decide how it behaves across window shapes. skills/presentations.md covers the adaptation traps (landscape sheets silently become full-screen covers).
"Previews are slow forever, I'll just use the simulator"Five concrete fixes in skills/previews.md. Rule 4 (auto-refresh off) is 30 seconds and often halves perceived slowness.
"@State is lazy in Xcode 27, I read the release notes"Only when the property is private/fileprivate and the deployment target is iOS 17 or later — below 17 the private case silently keeps the old eager behavior. skills/architecture.md has the gate, the three TN3211 breaks, and the one that compiles and is wrong at runtime.
"I'll just write a wrapper view for @State in this preview"@Previewable @State (Xcode 16+) eliminates that boilerplate. skills/previews-ref.md has the macro signature.
"I'll just rebuild and relaunch every time"Hot reload edits the running app in place, state preserved. skills/hot-reload.md has the InjectionNext + Inject setup and the verify-via-xclog loop.
"Duo is just a bigger iPhone; my layout already resizes"Bars move to the side, the fold divides the screen, and the outer display can't open windows. skills/iphone-duo.md covers what resizing alone misses.

來源與署名

來源:CharlesWiltgen/Axiom位於axiom-codex/skills/axiom-swiftui提交82c7fea

授權條款: MIT

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架