swiftui-webkit — Claude Code skill: what it does, how to install
Guides coding agents on native SwiftUI WebKit APIs for iOS 26+. Covers WebView, WebPage observation, custom navigation policies, and JavaScript calls.
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a claude-codeWhat swiftui-webkit does
This skill outlines native SwiftUI WebKit integrations introduced in iOS 26, iPadOS 26, and macOS 26. It replaces legacy UIKit bridges with native WebView views and the @Observable WebPage class. Assistants rely on it when writing embedded docs, local HTML viewers, or in-app articles.
The guidance covers request streams, observable properties like isLoading and title, and executing scripts through callJavaScript(_:arguments:in:contentWorld:). Parameters pass via structured argument dictionaries instead of string concatenation.
It is explicitly unsuitable for OAuth login flows, which still mandate ASWebAuthenticationSession. Each visible WebView also requires its own dedicated WebPage instance.
What it helps with
- embed web content directly with native SwiftUI
WebView - track loading progress and headers using
@MainActorWebPagestate - intercept external domain links using
NavigationDeciding - invoke JavaScript functions with structured Swift arguments
Example prompts for the agent
- Show how to set up an article view using SwiftUI WebPage and WebView
- Implement a WebPage.NavigationDeciding policy that cancels external navigation
- Pass Swift arguments safely to callJavaScript and handle missing return values
How to install swiftui-webkit
1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a claude-code2Manually: put the files in place
~/.claude/skills/swiftui-webkit/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/swiftui-webkit/
1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a codex2Manually: put the files in place
.agents/skills/swiftui-webkit/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a cursor2Manually: put the files in place
.cursor/skills/swiftui-webkit/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install dpearson2699/swift-ios-skills swiftui-webkit2Manually: put the files in place
.github/skills/swiftui-webkit/SKILL.md1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a gemini-cli2Platform CLI
gemini skills install https://github.com/dpearson2699/swift-ios-skills --path skills/swiftui-webkitManually: put the files in place
.devin/skills/swiftui-webkit/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about swiftui-webkit
How to install swiftui-webkit in Claude Code?
Run npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -a claude-code. The file will install into ~/.claude/skills/swiftui-webkit/SKILL.md.
What does swiftui-webkit do?
It guides AI agents on modern WebKit APIs designed for SwiftUI on iOS 26 and related platforms. It covers page loading, navigation streams, and bidirectional script execution.
Can I use swiftui-webkit for web authentication?
No, embedded web views should not run OAuth flows. Use ASWebAuthenticationSession for account authentication instead.