Agent skill

Apple Web App

by joe-bell in joe-bell/skills

A skill your agent uses when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock…

MITAuto-check passedBackend & APIs

Install Apple Web App

skills CLI
$ npx skills add joe-bell/skills --skill apple-web-app -a claude-code

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

GitHub CLI
$ gh skill install joe-bell/skills apple-web-app --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/joe-bell/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/apple-web-app .claude/skills/apple-web-app && 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
apple-web-app
GitHub stars
211
Token cost
~1.6k tokens
SKILL.md length
546 words
Files
14 (incl. references)
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock…

  • Auditing how any website
  • SKILL.md covers Choose the scope, Read only relevant references, Essential constraints and… and Verify the requested outcome
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Web app looks and behaves on iPhone and iPad — in Safari

What it does

Apple Web App is an agent skill from joe-bell/skills. Use when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock from Safari: safe areas, Safari's status bar and address bar tinting, full-screen overlays, theme colour, keyboard, manifest, icons, splash screens, or installed navigation. Not for service workers, offline caching, or push.

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 14 other files, including reference files (for example `references/conformance-checklist.md`, `references/head-and-icons.md` and `references/install-ux.md`).

It sits in Backend & APIs, covering Caching. It works with macOS. The repository describes itself as: Skills for me (and you). The licence is MIT.

When your agent uses it

  • Auditing how any website
  • Web app looks and behaves on iPhone and iPad — in Safari
  • Added to the Home Screen —
  • Added to the Mac Dock from Safari: safe areas

Example prompts

  • “/apple-web-app”

What it can do on your machine

Read from SKILL.md and the folder at commit 2eb6b5d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    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

Apple Web App loads about 1.6k tokens when it runs, and up to ~29k if it reads all its reference files. Until then it costs about 104 tokens; SKILL.md has 546 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~104
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~29k

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 joe-bell/skills at commit 2eb6b5d, republished under its MIT licence (© joe-bell). 546 words, ~1,608 tokens.

Download SKILL.mdSave it as .claude/skills/apple-web-app/SKILL.md (or your agent's skills folder). This skill also uses 13 other files; get the full folder from GitHub.
name
apple-web-app
description
Use when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock from Safari: safe areas, Safari's status bar and address bar tinting, full-screen overlays, theme colour, keyboard, manifest, icons, splash screens, or installed navigation. Not for service workers, offline caching, or push.
metadata.source
hand-maintained by Joe Bell; derived from a production home-screen web app plus credited external sources
metadata.reviewed
2026-09-04 against iOS 26.x, macOS 26 / Safari 26
metadata.upstream
https://github.com/joe-bell/skills/tree/main/skills/apple-web-app
metadata.version
2026-09-23.6

Websites and web apps on Apple devices

Choose the scope

Use this skill to give any website or web app a good experience on iPhone and iPad, in Safari itself or installed to the Home Screen, and for macOS Safari Add to Dock UI. Service workers, offline caching, background sync and push implementation belong elsewhere.

Infer the platform, requested outcome and existing architecture from the task and project. Ask only when a missing detail materially changes the solution. Apply guidance relevant to that platform and symptom. Preserve working layout, authentication and product choices unless they cause the requested issue. User instructions take precedence over this skill's defaults.

  • Implement or debug: read the matching reference, make the focused change, and check its affected behavior and likely regressions.
  • Audit: use the conformance checklist for all applicable recommendations. Report findings before modifying the site unless the user has also asked for fixes.
  • Maintain this skill: follow maintenance.md. Ordinary site work does not require a skill update or upstream handoff.

Read only relevant references

Platform or problemReference
Mac Dock icons, title bar, display mode, navigation or storagemacos-add-to-dock.md
iOS head tags, manifest integration or iconshead-and-icons.md
iOS safe areas, scroll roots, cold launch or touch stylinglayout-and-touch.md
iOS status bar, Safari bar tinting or light/dark appearancetheme-color-and-status-bar.md
iOS overlays, full-screen dims, keyboard or scroll lockingoverlays-and-keyboard.md
iOS startup imagessplash-screens.md; read ios-devices.md when generating or checking sizes
Install hints, installed navigation or storage continuityinstall-ux.md
A suspected iOS release regressionios-26-notes.md
Translating a relevant recipe into existing Tailwind v4 codetailwind-css-v4.md

A Mac-only task starts with the Mac reference. Do not generate iOS startup images or add iOS safe-area work for it. Source: WebKit; Joe Bell, as recorded in macos-add-to-dock.md.

Show full SKILL.md (259 more words)Show less

Essential constraints and evidence

  • A zero safe-area inset is valid. Keep controls usable without assuming a positive top inset; never hide an app waiting for one. Source: Joe Bell; WebKit 301994, in sources.md.
  • Preserve pinch zoom and text selection. Scope touch suppression to controls or media with an intentional replacement interaction. Source: Firtman; React Spectrum, in sources.md.
  • Installed apps that hide browser controls need usable navigation back or out. Source: Firtman; Steiner, in install-ux.md.

Treat documented behavior, device observations, community workarounds and optional design preferences distinctly. Apply a version-specific workaround only when its symptom and environment match. A reported fix or bug status is historical evidence, not a guarantee for every later release. Read the cited source or recheck the target build when a changing fact determines the fix. Preserve existing test dates; do not relabel inherited findings as newly tested. Source provenance and retained observations: sources.md.

Verify the requested outcome

Use relevant entries from the conformance checklist. Check generated HTML, CSS, image dimensions and unauthenticated asset delivery where applicable. Device-specific appearance needs observation on the target installed app on a real device. Simulator or desktop emulation alone does not establish safe-area timing, status-bar sampling or splash selection. Source: Joe Bell, in sources.md.

When hardware or authenticated runtime access is unavailable, complete the independent checks and mark the remaining claims Unverified. State what was checked, what failed, and the specific remaining device check. Do not expand a focused fix into a full device matrix. Stop after the relevant checks pass unless a failure or new change warrants more verification.

© joe-bell, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 13 other files (references) in skills/apple-web-app of joe-bell/skills.

  • SKILL.md
  • references/conformance-checklist.md
  • references/head-and-icons.md
  • references/install-ux.md
  • references/ios-26-notes.md
  • references/ios-devices.md
  • references/layout-and-touch.md
  • references/macos-add-to-dock.md
  • references/maintenance.md
  • references/overlays-and-keyboard.md
  • references/sources.md
  • references/splash-screens.md
  • references/tailwind-css-v4.md
  • references/theme-color-and-status-bar.md

Open the folder on GitHubat commit 2eb6b5d

Compare with similar skills

Apple Web App 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.

Apple Web App compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Apple Web App this skilljoe-bell/skills211—~1.6kAutomated safety check: PassMIT
Gpg SigningProrise-cool/Claude-Code-Multi-Agent306—~3.9kAutomated safety check: WarnNone
iOS Networkingdpearson2699/swift-ios-skills1.2k—~4.2kAutomated safety check: PassCustom licence
Image Loadinggustavscirulis/snapgrid1161 repos~1.6kAutomated safety check: NotesCustom licence
My Teslasundial-org/awesome-openclaw-skills663—~2.3kAutomated safety check: PassNone
Repo Conventionskmworks/kmreader113—~19kAutomated safety check: PassMIT

Similar skills

  • Gpg Signing

    Prorise-cool/Claude-Code-Multi-Agent

    Comprehensive guide to GPG commit signing. An agent skill from Prorise-cool/Claude-Code-Multi-Agent.

    306 GitHub stars~3.9k tokensUpdated 24 days ago
    Backend & APIsAuto-check: warnings
  • iOS Networking

    dpearson2699/swift-ios-skills

    Build, review, or improve networking code in iOS/macOS apps using URLSession with async/await, structured concurrency, and modern Swift patterns.

    1.2k GitHub stars~4.2k tokensUpdated 2 mo ago
    Backend & APIsAuto-check passed
  • Image Loading

    gustavscirulis/snapgrid

    Generates an image loading pipeline with memory/disk caching, deduplication, and a CachedAsyncImage SwiftUI view.

    116 GitHub starsUsed in 1 repo~1.6k tokens
    Backend & APIsAuto-check: notes
  • My Tesla

    sundial-org/awesome-openclaw-skills

    Control Tesla vehicles from macOS via the Tesla Owner API using teslapy (auth, list cars, status, lock/unlock, climate, charging, location, and extras).

    663 GitHub stars~2.3k tokensUpdated 7 mo ago
    Backend & APIsAuto-check passed
  • Repo Conventions

    kmworks/kmreader

    KMReader subsystem conventions and invariants — reader state boundaries, reading-progress sync, offline downloads and caching, local database (GRDB) migrations, SSE dispatch, browse and dashboard…

    113 GitHub stars~19k tokensUpdated today
    Documents & OfficeAuto-check passed
  • macOS Cleaner

    daymade/claude-code-skills

    Diagnoses and safely reclaims macOS disk space: caches, logs, app remnants, large/duplicate files, Docker/OrbStack, Chromium code-sign clones, developer caches.

    1.4k GitHub stars~10k tokensUpdated today
    DevOps & CloudAuto-check: notes

More from joe-bell/skills

  • Elron

    joe-bell/skills

    Look up Elron train times, fares and connections between Estonian (and cross-border Latvian) stations, see live delays and positions of running trains on a map, and check Ühiskaart farecard…

    211 GitHub stars~2.1k tokensUpdated 2 days ago
    Auto-check passed
  • Letterboxd Diary

    joe-bell/skills

    Fetch recently watched films from a Letterboxd member's diary RSS feed and render them as a compact markdown list, with first-run setup for the username.

    211 GitHub stars~4.2k tokensUpdated 2 days ago
    Auto-check passed

Works with

Questions about Apple Web App

What does Apple Web App do?

A skill your agent uses when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock…. Apple Web App is an agent skill from joe-bell/skills. Use when implementing, debugging, or auditing how any website or web app looks and behaves on iPhone and iPad — in Safari or added to the Home Screen — or added to the Mac Dock from Safari: safe areas, Safari's status bar and address bar tinting, full-screen overlays, theme colour, keyboard, manifest, icons, splash screens, or installed navigation.

When should I use Apple Web App?

Apple Web App fits situations like: auditing how any website; web app looks and behaves on iPhone and iPad — in Safari; added to the Home Screen —; added to the Mac Dock from Safari: safe areas.

How do I install Apple Web App in Claude Code?

Run `npx skills add joe-bell/skills --skill apple-web-app -a claude-code`. Or copy the skill folder (skills/apple-web-app in joe-bell/skills) into .claude/skills/apple-web-app in your project. Claude Code loads it when a task matches its description.

How do I install Apple Web App in Codex?

Run `npx skills add joe-bell/skills --skill apple-web-app -a codex`. Or copy the skill folder (skills/apple-web-app in joe-bell/skills) into .agents/skills/apple-web-app in your project. Codex loads it when a task matches its description.

Can I use Apple Web App 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 joe-bell/skills --skill apple-web-app -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/apple-web-app, .gemini/skills/apple-web-app, .github/skills/apple-web-app and .opencode/skills/apple-web-app in your project.

What does Apple Web App need to run?

SKILL.md names no scripts, command-line tools or credentials: Apple Web App is instructions for the agent only.

Does Apple Web App 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 Apple Web App 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 Apple Web App use?

Apple Web App 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 Apple Web App use?

About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 27k tokens, read only when the agent opens those files.

What are the alternatives to Apple Web App?

Skills that share tags, products or a category with Apple Web App: Gpg Signing (Prorise-cool/Claude-Code-Multi-Agent, 306 stars), iOS Networking (dpearson2699/swift-ios-skills, 1.2k stars), Image Loading (gustavscirulis/snapgrid, 116 stars) and My Tesla (sundial-org/awesome-openclaw-skills, 663 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Apple Web App?

joe-bell (a GitHub user) maintains it in joe-bell/skills, which has 211 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 7, 2026.

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