SkillFoxx

Joe Bell skills

Three personal skills by Joe Bell: web apps on Apple devices, Estonian Elron train times and a Letterboxd film diary

  • 215 ★ on the repository
  • Last commit
  • MIT
Skill

Minimal access

Why this level

  • The skills read public RSS feeds and site endpoints and need no secrets
All reasons and checks

joe-bell/skillsAuthor:Joe Bell

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/joe-bell-skills

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skills read public RSS feeds and site endpoints and need no secrets

This is third-party code. Review the repository files before installing.

What it does

The author gathered the skills he uses himself and left them open. The first, `apple-web-app`, helps build websites and web apps that look and behave well on iPhone, iPad and Mac in Safari: safe areas, status bar and address bar tinting, full-screen overlays, keyboard, manifest, icons and splash screens. The reference files are tied to iOS 26 and Safari 26. The `elron` skill answers questions about Estonian trains: Elron timetables and fares, the next and last train from a station, live delays and train positions on a map, and Ühiskaart card balances. Data comes from the public Ridango API and the map feed on elron.ee. The skill remembers a home station and cards. The `letterboxd-diary` skill reads a Letterboxd diary RSS feed and prints recently watched films as a compact list, asking for the username on first run. The `references` folder of each skill holds sources and maintenance notes.

Who it is for. Frontend developers whose sites open on iPhone and Mac, and anyone who wants an agent to check Elron timetables or read a Letterboxd diary.

Good fit when

  • A site on iPhone collides with the address bar or the notch and needs a safe-area check
  • A web app goes onto the Home Screen and needs icons, splash screens and a theme color
  • You want the agent to tell you the last Elron train and whether it is late
  • You need a fresh list of films from a Letterboxd diary with ratings

Not a fit when

  • You need offline cache, service workers or push: `apple-web-app` does not cover them
  • You need timetables outside Estonia and Latvia: `elron` knows only those stations
  • You need support or guarantees: the author warns he built the set for himself

Example request

Check how my page looks on iPhone in Safari and fix the safe areas and status bar color

Limitations

  • The author says the repository was built for himself and is shared without support or guarantees, so read a skill before installing it.
  • `elron` relies on unofficial public Ridango and elron.ee endpoints. If the site changes format, the skill stops working until the author updates it.
  • `letterboxd-diary` sees only what the public RSS feed returns, private diaries are out of reach.
  • The `apple-web-app` references were checked against iOS 26.x and Safari 26, and details may change in later versions.

How to disable. Delete the folder you do not want from the agent skills directory. If you installed through `npx skills`, run its remove command or delete the folder by hand.

FAQ

How do I install the Joe Bell skills?

Run `npx skills@latest add joe-bell/skills` and add `--skill apple-web-app` for a single skill. For the Claude and ChatGPT apps the README gives a command that builds a zip.

What does `apple-web-app` cover?

How a site or web app behaves on iPhone, iPad and Safari on Mac: safe areas, theme color, overlays, keyboard, manifest, icons, splash screens and adding to the Dock. Service workers and push are out of scope.

Where does `elron` get its data?

From the public Ridango API behind elron.ee and from the `map_data.json` feed for the live map. The skill remembers a home station and Ühiskaart card numbers.

What does `letterboxd-diary` need?

Only a Letterboxd username: the skill asks for it on first run and reads the public diary RSS feed. You can ask for a period, the last N films or ratings.

Can the skills go into the Claude app?

Yes, through a zip. The README gives a macOS command that builds an archive of one skill, which you upload in the app skill settings.

Discussion

No questions or reviews yet.

Skills

Auditing skills for GitHub repositories and profiles, WordPress, EmDash and Astro CI, site SEO, text readability and metadata.

SkillExtended access110

An agent reference for cross-platform desktop apps that feel native: eight tenets, four layers, a WebView survival guide and a 75-item ship audit

SkillMinimal access2K

A skill set that takes a web app from idea to production: build, security and SEO review, and deployment to Vercel

SkillBroad access126

Over 200 skills by stack and practice: React, Next.js, Rails, Rust, Python, debugging, TDD and UI review

SkillMinimal access225

A personal set of 15 skills: code review, PRD and tasks, an implementation orchestrator, tests and bug hunting.

SkillExtended access53

my-skills by akitaonrails

akitaonrails my-skills

Fabio Akita's personal set of 24 skills for Claude Code, Codex and opencode: releases, PR audits, security and fact-checking

SkillExtended access302

README in short

A short README presents the repository as a personal set with a no-support warning. It continues with the `npx skills` install, picking one skill, building a zip for the Claude and ChatGPT apps and a list of three skills with descriptions.

README badge

Original SKILL.md

---
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
  reviewed: "2026-09-04 against iOS 26.x, macOS 26 / Safari 26"
  upstream: "https://github.com/joe-bell/skills/tree/main/skills/apple-web-app"
  version: "2026-10-15.1"
---

# 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](references/conformance-checklist.md) for all
  applicable recommendations. Report findings before modifying the site unless
  the user has also asked for fixes.
- **Maintain this skill:** follow [maintenance.md](references/maintenance.md).
  Ordinary site work does not require a skill update or upstream handoff.

## Read only relevant references

| Platform or problem                                            | Reference                                                                                                                             |
| :------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------ |
| Mac Dock icons, title bar, display mode, navigation or storage | [macos-add-to-dock.md](references/macos-add-to-dock.md)                                                                               |
| iOS head tags, manifest integration or icons                   | [head-and-icons.md](references/head-and-icons.md)                                                                                     |
| iOS safe areas, scroll roots, cold launch or touch styling     | [layout-and-touch.md](references/layout-and-touch.md)                                                                                 |
| iOS status bar, Safari bar tinting or light/dark appearance    | [theme-color-and-status-bar.md](references/theme-color-and-status-bar.md)                                                             |
| iOS overlays, full-screen dims, keyboard or scroll locking     | [overlays-and-keyboard.md](references/overlays-and-keyboard.md)                                                                       |
| iOS startup images                                             | [splash-screens.md](references/splash-screens.md); read [ios-devices.md](references/ios-devices.md) when generating or checking sizes |
| Install hints, installed navigation or storage continuity      | [install-ux.md](references/install-ux.md)                                                                                             |

Report a problem