/ 目錄 / 演練場 / SwiftUI Agent Skill
● 社群 twostraws ⚡ 即開即用

SwiftUI Agent Skill

作者 twostraws · twostraws/SwiftUI-Agent-Skill

Paul Hudson's SwiftUI patterns packaged as a Claude skill.

By Paul Hudson (Hacking with Swift), this skill teaches Claude modern SwiftUI: @Observable, NavigationStack, async views, proper state ownership. The result: SwiftUI code that actually compiles and follows Apple's current guidance.

為什麼要用

核心特性

即時演示

實際使用效果

swiftui-agent-skill.replay ▶ 就緒
0/0

安裝

作者儲存庫 · Claude Skills 官方文件

使用場景

實戰用法: SwiftUI Agent Skill

Build a settings screen the right way (iOS 17+)

👤 iOS devs ⏱ ~15 min intermediate

何時使用: You want a Settings screen that's actually idiomatic for iOS 17+.

前置條件
  • Server/skill installed and authenticated — See repo README
步驟
  1. Plan
    Using the SwiftUI skill, design a Settings view with sections: Account, Notifications, About. Use @Observable for the view model.✓ 已複製
    → View hierarchy + ViewModel sketch
  2. Code
    Write the full file with toggles, NavigationLink to subpages, and a confirmation dialog for sign-out.✓ 已複製
    → Compiles on Xcode 15+

結果: Idiomatic SwiftUI you don't have to rewrite next year.

注意事項
  • Don't mix @StateObject with @Observable — Don't mix @StateObject with @Observable — the skill enforces one or the other; follow it.

成本與限制

運行它的成本

API 配額
See provider docs for rate limits
每次呼叫 Token 數
Varies by tool
費用
See repo README for pricing details
提示
Cache tool results and avoid repeated identical calls.

安全

權限、密鑰、影響範圍

憑證儲存: Use environment variables; never commit secrets
資料出站: Tool calls go to the provider's API as documented

故障排查

常見錯誤與修復

view doesn't update on state change

Ensure the property is on an @Observable class, not a struct. The skill's checklist covers this.

驗證: @Observable annotation present
preview crashes

@Observable views need a real instance in #Preview. The skill's examples show the pattern.

驗證: Preview compiles

替代方案

SwiftUI Agent Skill 對比其他方案

替代方案何時用它替代權衡
wholiver/swiftui-design-skillYou want design direction, not code patternsDesign-focused; twostraws is code-focused

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills