Skills

Swiftui Webkit

Embeds and controls web content in SwiftUI with WebKit for SwiftUI, including WebView...

Install

npx skills add dpearson2699/swift-ios-skills --skill swiftui-webkit -g -a claude-code -y
Category
Design
Updated
3mo ago
License
See repository
Context cost
Mediumabout 2,840 tokens
Runs scripts
No, instructions only

What it does

Embeds and controls web content in SwiftUI with WebKit for SwiftUI, including WebView, WebPage, navigation policies, JavaScript execution, observable page state, link interception, local HTML or data loading, and custom URL schemes. Use when building iOS 26+ article/detail views, help centers, in-app documentation, or other embedded web experiences backed by HTML, CSS, and JavaScript.

SwiftUI WebKit

Embed and manage web content in SwiftUI using the native WebKit-for-SwiftUI APIs introduced for iOS 26, iPadOS 26, macOS 26, and visionOS 26. Use this skill when the app needs an integrated web surface, app-owned HTML content, JavaScript-backed page interaction, or custom navigation policy control.

Contents

Choose the Right Web Container

Use the narrowest tool that matches the job.

NeedDefault choice
Embedded app-owned web content in SwiftUIWebView + WebPage
iOS/iPadOS modal browsing with Safari behaviorSFSafariViewController
macOS or visionOS browse-out behavioropenURL / default browser
OAuth or third-party sign-inASWebAuthenticationSession
Back-deploy below iOS 26 or use missing legacy-only WebKit featuresWKWebView fallback

Prefer WebView and WebPage for modern SwiftUI apps targeting iOS 26+ when the new API surface covers the feature. Apple’s WWDC25 guidance frames existing UIKit/AppKit WebKit wrappers in SwiftUI apps as good candidates to try migrating, not as a blanket mandate to delete every fallback.

Do not use embedded web views for OAuth. That stays an ASWebAuthenticationSession flow.

Displaying Web Content

Use the simple WebView(url:) form when the app only needs to render a URL and SwiftUI state drives navigation.

import SwiftUI
import WebKit

struct ArticleView: View {
    let url: URL
Read the whole SKILL.md on GitHub

More in Design