apple-web-app

joe-bell/skills · Agent Skill

Implementare, debuggere o testare l'interfaccia di un'applicazione web per iPhone/iPad Aggiungere alla schermata home e macOS Safari Aggiungere al Dock: aree sicure, barra di stato, colore del tema, manifesto, icone, schermi di avvio e navigazione dopo l'installazione

Vai all'installazione ↓

Panoramica

Autore	joe-bellCommunity
Repository	joe-bell/skills ↗
Cartella dello skill	`apple-web-app`
Stelle	214
Fork	2
File inclusi	14
Licenza	MIT
Aggiornato	22 ottobre 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

62 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “apple-web-app” skill from mozgi.io (https://mozgi.io/skills/joe-bell-apple-web-app/) for me.

1. Download the archive: https://mozgi.io/skills/joe-bell-apple-web-app/download
   If it fails, take the skill folder from the source: https://github.com/joe-bell/skills/tree/main/skills/apple-web-app
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “apple-web-app” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/apple-web-app/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/joe-bell/skills.git /tmp/skills
mkdir -p .claude/skills
cp -r /tmp/skills/skills/apple-web-app .claude/skills/apple-web-app

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /apple-web-app. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/joe-bell/skills.git /tmp/skills
mkdir -p .agents/skills
cp -r /tmp/skills/skills/apple-web-app .agents/skills/apple-web-app

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $apple-web-app. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/joe-bell/skills.git /tmp/skills
mkdir -p .cursor/skills
cp -r /tmp/skills/skills/apple-web-app .cursor/skills/apple-web-app

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/joe-bell/skills.git /tmp/skills
mkdir -p .gemini/skills
cp -r /tmp/skills/skills/apple-web-app .gemini/skills/apple-web-app

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

14 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

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 problem | Reference |

| :------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------ |

| Mac Dock icons, title bar, display mode, navigation or storage | macos-add-to-dock.md ↗ |

| iOS head tags, manifest integration or icons | head-and-icons.md ↗ |

| iOS safe areas, scroll roots, cold launch or touch styling | layout-and-touch.md ↗ |

| iOS status bar, Safari bar tinting or light/dark appearance | theme-color-and-status-bar.md ↗ |

| iOS overlays, full-screen dims, keyboard or scroll locking | overlays-and-keyboard.md ↗ |

| iOS startup images | splash-screens.md ↗; read ios-devices.md ↗ when generating or checking sizes |

| Install hints, installed navigation or storage continuity | install-ux.md ↗ |

| A suspected iOS release regression | ios-26-notes.md ↗ |

| Translating a relevant recipe into existing Tailwind v4 code | tailwind-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 ↗.

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.

Domande frequenti

Che cosa fa lo skill apple-web-app?

Come si installa apple-web-app?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona apple-web-app?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi apple-web-app funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

apple-web-app è gratuito?

Lo skill è pubblicato apertamente da joe-bell con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

to-prd Converte la conversazione in un ticket tecnico e lo pubblica nel sistema di tracciamento degli errori. mattpocock304k

tdd Il flusso di lavoro del refactoring rosso-verde per la costruzione di funzioni e la correzione di una fetta alla volta. mattpocock304k

diagnosing-bugs Diagnostica sistematica degli errori attraverso la riproduzione, la minimizzazione, l'ipotesi, la strumentazione e la correzione. mattpocock304k

domain-modeling Crea e perfeziona modelli di dominio del progetto e terminologia. mattpocock304k

ask-matt Il router che sceglie il flusso di ingegneria Matt Pocock appropriato per l'attuale compito. mattpocock304k

next-cache-components Includere i componenti della cache nell'applicazione Next.js ed eliminare le route bloccanti individuate durante l'adozione. vercel143k