/ 디렉터리 / 플레이그라운드 / 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
호출당 토큰
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 읽기

🐙 열린 이슈 보기

🔍 400+ MCP 서버 및 Skills 전체 보기