Webkit Integration
gustavscirulis/snapgrid
WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization.
SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable…
Install Swiftui
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install rshankras/claude-code-apple-skills swiftui --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/swiftui .claude/skills/swiftui && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .claude/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftuiType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install rshankras/claude-code-apple-skills swiftui --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/swiftui .agents/skills/swiftui && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .agents/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install rshankras/claude-code-apple-skills swiftui --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/swiftui .cursor/skills/swiftui && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .cursor/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/rshankras/claude-code-apple-skills.git --path skills/swiftui--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install rshankras/claude-code-apple-skills swiftui --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/swiftui .gemini/skills/swiftui && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .gemini/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install rshankras/claude-code-apple-skills swiftuiInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/swiftui .github/skills/swiftui && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .github/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add rshankras/claude-code-apple-skills --skill swiftui -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install rshankras/claude-code-apple-skills swiftui --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/rshankras/claude-code-apple-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/swiftui .opencode/skills/swiftui && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "swiftui" agent skill from https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/swiftui into .opencode/skills/swiftui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
swiftui- GitHub stars
- 783
- Token cost
- ~634 tokens
- SKILL.md length
- 241 words
- Files
- 1
- Skills in repo
- 41
- Repo updated
- First seen
- Licence
- MIT
At a glance
SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable…
- Works in 3 steps: Match the request to a row above. → Read that SKILL.md (relative to this… → Apply the guidance to the user's code.
- SwiftUI state/rendering bugs
- SKILL.md covers When This Skill Activates, Available Skills and How to Route
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Swiftui is an agent skill from rshankras/claude-code-apple-skills. SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable toolbars, and WebKit embedding. Use for SwiftUI state/rendering bugs, custom layouts, scroll performance, or these feature areas.
Its SKILL.md is about 630 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile, covering iOS development and Embeddings. It works with SwiftUI. The repository describes itself as: Claude Code skills for Apple platform development (iOS, macOS, iPadOS) — product validation, code generation, App Store optimization, and more. The licence is MIT.
When your agent uses it
- SwiftUI state/rendering bugs
- Scroll performance
- These feature areas
Example prompts
- “/swiftui”
Requirements
- Pre-approved tools (allowed-tools): Read, Glob, Grep
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Match the request to a row above.
- Read that SKILL.md (relative to this file) plus any reference files it lists.
- Apply the guidance to the user's code.
What it can do on your machine
Read from SKILL.md and the folder at commit 9ffb831. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
ReadGlobGrep
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Swiftui loads about 634 tokens when it runs. Until then it costs about 83 tokens; SKILL.md has 241 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from rshankras/claude-code-apple-skills at commit 9ffb831, republished under its MIT licence (© rshankras). 241 words, ~634 tokens.
Download SKILL.mdSave it as
.claude/skills/swiftui/SKILL.md (or your agent's skills folder).- name
- swiftui
- description
- SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable toolbars, and WebKit embedding. Use for SwiftUI state/rendering bugs, custom layouts, scroll performance, or these feature areas.
- allowed-tools
- Read, Glob, Grep
- last_verified
- 2026-07-16
- review_by
- 2027-06-22
- os_version
- iOS 27 / macOS 27
SwiftUI Skills
Focused SwiftUI framework skills — each sub-skill covers one API area in depth.
When This Skill Activates
Use this skill when the user:
- Has state/rendering bugs: state resets, over-rendering, flashing lists, animation crossfades (data-flow)
- Is choosing @State vs @Bindable vs @Environment or migrating to Observation (data-flow)
- Builds custom layouts or containers, or fights lazy-stack/scroll performance (layout)
- Wants alarms or timers with AlarmKit (custom UI, Live Activities, snooze)
- Is creating 3D data visualizations with Swift Charts (Chart3D, SurfacePlot)
- Needs styled text or rich text editing (Text, AttributedString, TextEditor)
- Is implementing or customizing toolbars (customizable toolbars, search integration)
- Wants to embed web content (WebView, WebPage, JavaScript interop)
Available Skills
Paths are relative to THIS file's directory — skills run with cwd set to the user's project, so resolve each path from this SKILL.md's own location.
| Skill | Read | Covers |
|---|---|---|
| data-flow | data-flow/SKILL.md | View identity/lifetime/dependencies, Observation, state ownership, body discipline, main-actor contract |
| layout | layout/SKILL.md | Layout protocol, Grid decisions, custom containers, lazy-stack + scrolling performance rules |
| alarmkit | alarmkit/SKILL.md | Alarms and timers with custom UI, Live Activities, snooze (iOS 18+) |
| charts-3d | charts-3d/SKILL.md | Chart3D, SurfacePlot, interactive pose control, surface styling |
| text-editing | text-editing/SKILL.md | Text, AttributedString, TextEditor with formatting controls |
| toolbars | toolbars/SKILL.md | Customizable toolbars, search integration, transition effects, platform behavior |
| webkit | webkit/SKILL.md | WebView and WebPage embedding, navigation, JavaScript interop |
How to Route
- Match the request to a row above.
- Read that SKILL.md (relative to this file) plus any reference files it lists.
- Apply the guidance to the user's code.
© rshankras, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/swiftui of rshankras/claude-code-apple-skills.
Open the folder on GitHubat commit 9ffb831
Compare with similar skills
Swiftui next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Swiftui this skillrshankras/claude-code-apple-skills | 783 | — | ~634 | Automated safety check: Pass | MIT | |
| Webkit Integrationgustavscirulis/snapgrid | 117 | 1 repos | ~1.5k | Automated safety check: Pass | Custom licence | |
| Pdfkitdpearson2699/swift-ios-skills | 1.2k | — | ~3.5k | Automated safety check: Pass | Custom licence | |
| Swiftui Protwostraws/SwiftUI-Agent-Skill | 5.1k | 2 repos | ~1.5k | Automated safety check: Pass | MIT | |
| Swiftui UI PatternsAFK-surf/OpenBridge | 430 | 4 repos | ~887 | Automated safety check: Pass | MIT | |
| Swiftui Performance Auditharperreed/dotfiles | 334 | 8 repos | ~1.4k | Automated safety check: Pass | None |
Similar skills
Pdfkit
dpearson2699/swift-ios-skills
Display and manipulate PDF documents using PDFKit. An agent skill from dpearson2699/swift-ios-skills.
Swiftui Pro
twostraws/SwiftUI-Agent-Skill
Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance.
Swiftui UI Patterns
AFK-surf/OpenBridge
Best practices and example-driven guidance for building SwiftUI views and components.
Swiftui Performance Audit
harperreed/dotfiles
Audit and improve SwiftUI runtime performance from code review and architecture.
Hig Project Context
raintree-technology/hig-doctor
Create or update a shared Apple design context document that other HIG skills use to tailor guidance.
More from rshankras/claude-code-apple-skills
All 41 skills in this repoAccessibility Generator
rshankras/claude-code-apple-skills
Generate accessibility infrastructure for VoiceOver, Dynamic Type, and accessibility features.
Animation Patterns
rshankras/claude-code-apple-skills
SwiftUI animation patterns including springs, transitions, PhaseAnimator, KeyframeAnimator, SF Symbol effects, scroll-driven effects, mesh gradients, text renderers, and shader effects.
App Description Writer
rshankras/claude-code-apple-skills
Generate compelling App Store descriptions that convert browsers into users.
App Icon Generator
rshankras/claude-code-apple-skills
Generates an app icon for macOS or iOS — a fast CoreGraphics placeholder and/or flat layered source art to finish in Icon Composer (the Liquid Glass / iOS 26+ standard).
App Namer
rshankras/claude-code-apple-skills
Turn an app idea into validated, App-Store-ready name candidates.
Bundles And Licensing
rshankras/claude-code-apple-skills
Revenue beyond the single-app price tag — own-app bundles, Family Sharing as a conversion lever, cross-developer bundles & suites, and institutional licensing via Group Purchases / Apple School &…
Related
Works with
Categories
Questions about Swiftui
What does Swiftui do?
SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable…. Swiftui is an agent skill from rshankras/claude-code-apple-skills. SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable toolbars, and WebKit embedding.
When should I use Swiftui?
Swiftui fits situations like: swiftUI state/rendering bugs; scroll performance; these feature areas.
How do I install Swiftui in Claude Code?
Run `npx skills add rshankras/claude-code-apple-skills --skill swiftui -a claude-code`. Or copy the skill folder (skills/swiftui in rshankras/claude-code-apple-skills) into .claude/skills/swiftui in your project. Claude Code loads it when a task matches its description.
How do I install Swiftui in Codex?
Run `npx skills add rshankras/claude-code-apple-skills --skill swiftui -a codex`. Or copy the skill folder (skills/swiftui in rshankras/claude-code-apple-skills) into .agents/skills/swiftui in your project. Codex loads it when a task matches its description.
Can I use Swiftui in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add rshankras/claude-code-apple-skills --skill swiftui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/swiftui, .gemini/skills/swiftui, .github/skills/swiftui and .opencode/skills/swiftui in your project.
What does Swiftui need to run?
SKILL.md names no scripts, command-line tools or credentials: Swiftui is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Glob, Grep.
Does Swiftui access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Swiftui safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Swiftui use?
Swiftui is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Swiftui use?
About 634 tokens (SKILL.md is roughly 2.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Swiftui?
Skills that share tags, products or a category with Swiftui: Webkit Integration (gustavscirulis/snapgrid, 117 stars), Pdfkit (dpearson2699/swift-ios-skills, 1.2k stars), Swiftui Pro (twostraws/SwiftUI-Agent-Skill, 5.1k stars) and Swiftui UI Patterns (AFK-surf/OpenBridge, 430 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Swiftui?
rshankras (a GitHub user) maintains it in rshankras/claude-code-apple-skills, which has 783 GitHub stars. The repository holds 41 skills in this directory. The repository was last updated on July 24, 2026.
Source: rshankras/claude-code-apple-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.