New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Webkit Integration

by gustavscirulis in gustavscirulis/snapgrid

WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization.

Custom licenceAuto-check passedMobile

Install Webkit Integration

skills CLI
$ npx skills add gustavscirulis/snapgrid --skill webkit-integration -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gustavscirulis/snapgrid webkit-integration --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gustavscirulis/snapgrid.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/skills/swiftui/webkit .claude/skills/webkit-integration && rm -rf skills-src

Use ~/.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/

Facts

Skill name
webkit-integration
GitHub stars
117
Used in
1 other repo
Token cost
~1.5k tokens
SKILL.md length
465 words
Files
4
Skills in repo
118
Repo updated
First seen
Licence
Custom licence

At a glance

WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization.

  • Embedding web content in SwiftUI apps
  • SKILL.md covers When This Skill Activates, Decision Tree, API Availability and Quick Start, plus 5 more sections
  • Reaches developer.apple.com
  • Tasks that involve iOS development

What it does

Webkit Integration is an agent skill from gustavscirulis/snapgrid. WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization. Use when embedding web content in SwiftUI apps.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `javascript-advanced.md`, `navigation.md` and `webview-basics.md`).

It sits in Mobile, covering iOS development and Embeddings. It works with SwiftUI, JavaScript, iOS and macOS. The repository describes itself as: SnapGrid is an open-source Mac app for collecting, organizing, and analyzing UI screenshots. It uses AI to automatically detect UI components and patterns, making it a powerful…

When your agent uses it

  • Embedding web content in SwiftUI apps
  • Tasks that involve iOS development
  • Tasks that involve Embeddings

Example prompts

  • “/webkit-integration”

Requirements

  • Pre-approved tools (allowed-tools): Read, Glob, Grep

What it can do on your machine

Read from SKILL.md and the folder at commit eb7eaf4. 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:

    • Read
    • Glob
    • Grep

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are swift).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • developer.apple.com

    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

Webkit Integration loads about 1.5k tokens when it runs. Until then it costs about 50 tokens; SKILL.md has 465 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~50
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 465 words (~1,481 tokens).

“Embed and control web content in SwiftUI apps using the native WebView struct and WebPage observable class. Covers loading, navigation, JavaScript execution, and view customization.”

— opening of SKILL.md by gustavscirulis, Custom licence
name
webkit-integration
allowed-tools
Read, Glob, Grep

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files in .claude/skills/skills/swiftui/webkit of gustavscirulis/snapgrid.

  • SKILL.md
  • javascript-advanced.md
  • navigation.md
  • webview-basics.md

Open the folder on GitHubat commit eb7eaf4

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in gustavscirulis/snapgrid, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Webkit Integration 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.

Webkit Integration compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Webkit Integration this skillgustavscirulis/snapgrid1171 repos~1.5kAutomated safety check: PassCustom licence
Swiftui Webkitdpearson2699/swift-ios-skills1.2k—~2.9kAutomated safety check: PassCustom licence
Swiftui Expert Skillomarshahine/HomeClaw1754 repos~2.8kAutomated safety check: PassMIT
Hig Project Contextraintree-technology/hig-doctor1435 repos~1.2kAutomated safety check: PassMIT
Swiftui Expert SkillEslzzyl/Pixiv-SwiftUI1111 repos~2.9kAutomated safety check: PassAGPL-3.0
Hig Components Contentraintree-technology/hig-doctor1435 repos~1.3kAutomated safety check: PassMIT

Similar skills

  • Swiftui Webkit

    dpearson2699/swift-ios-skills

    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…

    1.2k GitHub stars~2.9k tokensUpdated 2 mo ago
    MobileAuto-check passed

  • Swiftui Expert Skill

    omarshahine/HomeClaw

    A skill your agent uses when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management, view composition, performance, Liquid Glass adoption, or Instruments .trace…

    175 GitHub starsUsed in 4 repos~2.8k tokens
    MobileAuto-check passed

  • Hig Project Context

    raintree-technology/hig-doctor

    Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

    143 GitHub starsUsed in 5 repos~1.2k tokens
    MobileAuto-check passed

  • Swiftui Expert Skill

    Eslzzyl/Pixiv-SwiftUI

    A skill your agent uses when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state and @Observable data flow, view composition, resizable layouts, safe areas, display…

    111 GitHub starsUsed in 1 repo~2.9k tokens
    MobileAuto-check passed

  • Hig Components Content

    raintree-technology/hig-doctor

    Apple Human Interface Guidelines for content display components.

    143 GitHub starsUsed in 5 repos~1.3k tokens
    MobileAuto-check passed

  • SwiftUI Design Skill

    Wholiver/swiftui-design-skill

    Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

    213 GitHub stars~2.8k tokensUpdated 5 mo ago
    MobileAuto-check passed

More from gustavscirulis/snapgrid

All 118 skills in this repo

  • Interaction Design

    gustavscirulis/snapgrid

    Design and implement microinteractions, motion design, transitions, and user feedback patterns.

    117 GitHub starsUsed in 3 repos~2k tokens
    Auto-check passed

  • Account Deletion

    gustavscirulis/snapgrid

    Generates an Apple-compliant account deletion flow with multi-step confirmation UI, optional data export, configurable grace period, Keychain cleanup, and server-side deletion request.

    117 GitHub starsUsed in 1 repo~2.5k tokens
    Auto-check: notes

  • Alarmkit

    gustavscirulis/snapgrid

    AlarmKit integration for scheduling alarms and timers with custom UI, Live Activities, and snooze support.

    117 GitHub starsUsed in 1 repo~1.3k tokens
    Auto-check passed

  • Analytics Interpretation

    gustavscirulis/snapgrid

    Interpret app metrics and make data-driven decisions. An agent skill from gustavscirulis/snapgrid.

    117 GitHub starsUsed in 1 repo~4.1k tokens
    Auto-check passed

  • Analytics Setup

    gustavscirulis/snapgrid

    Generates protocol-based analytics infrastructure with swappable providers (TelemetryDeck, Firebase, Mixpanel).

    117 GitHub starsUsed in 1 repo~1.2k tokens
    Auto-check: notes

  • Announcement Banner

    gustavscirulis/snapgrid

    Generates an in-app announcement banner system with remote configuration, scheduling, deep link actions, and dismiss tracking.

    117 GitHub starsUsed in 1 repo~2.4k tokens
    Auto-check: notes

Works with

Categories

Questions about Webkit Integration

What does Webkit Integration do?

WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization. Webkit Integration is an agent skill from gustavscirulis/snapgrid. WebKit integration in SwiftUI using WebView and WebPage for embedding web content, navigation, JavaScript interop, and customization.

When should I use Webkit Integration?

Webkit Integration fits situations like: embedding web content in SwiftUI apps; tasks that involve iOS development; tasks that involve Embeddings.

How do I install Webkit Integration in Claude Code?

Run `npx skills add gustavscirulis/snapgrid --skill webkit-integration -a claude-code`. Or copy the skill folder (.claude/skills/skills/swiftui/webkit in gustavscirulis/snapgrid) into .claude/skills/webkit-integration in your project. Claude Code loads it when a task matches its description.

How do I install Webkit Integration in Codex?

Run `npx skills add gustavscirulis/snapgrid --skill webkit-integration -a codex`. Or copy the skill folder (.claude/skills/skills/swiftui/webkit in gustavscirulis/snapgrid) into .agents/skills/webkit-integration in your project. Codex loads it when a task matches its description.

Can I use Webkit Integration 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 gustavscirulis/snapgrid --skill webkit-integration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/webkit-integration, .gemini/skills/webkit-integration, .github/skills/webkit-integration and .opencode/skills/webkit-integration in your project.

What does Webkit Integration need to run?

SKILL.md names no scripts, command-line tools or credentials: Webkit Integration is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Glob, Grep.

Does Webkit Integration access the network?

SKILL.md names 1 domain. In commands or code: developer.apple.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Webkit Integration 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 Webkit Integration use?

Webkit Integration has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Webkit Integration use?

About 1.5k tokens (SKILL.md is roughly 5.9k 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 Webkit Integration?

Skills that share tags, products or a category with Webkit Integration: Swiftui Webkit (dpearson2699/swift-ios-skills, 1.2k stars), Swiftui Expert Skill (omarshahine/HomeClaw, 175 stars), Hig Project Context (raintree-technology/hig-doctor, 143 stars) and Swiftui Expert Skill (Eslzzyl/Pixiv-SwiftUI, 111 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Webkit Integration?

gustavscirulis (a GitHub user) maintains it in gustavscirulis/snapgrid, which has 117 GitHub stars. The repository holds 118 skills in this directory. The repository was last updated on April 30, 2026.

Source: gustavscirulis/snapgrid on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.