Dev & Code

Dynamic Island

Ajoutez des Live Activities à votre app iOS avec votre agent IA.

ClaudeCodexDev & Code

Ce que ça fait

Afficher la progression d’une session, un compteur ou un accès rapide dans la Dynamic Island : ce skill guide votre agent de code pour ajouter une Live Activity à votre application iOS et vérifier son fonctionnement.

Il s’utilise sur un projet iOS existant, notamment Expo et React Native, et complète Web2App lorsque la couche mobile demande cette fonction native. La méthode est présentée dans notre vidéo et guide du web vers l’app.

Version publique 1.0.0, téléchargement gratuit. Le ZIP contient six fichiers autonomes avec des exemples génériques, sans compte préconfiguré, dépôt privé ou ressource interne.

Ce que l’agent va préparer

  • Une extension WidgetKit et les présentations de la Live Activity sur l’écran verrouillé et dans l’île.
  • Le pont natif pour démarrer, actualiser et terminer l’activité depuis l’app.
  • Les contrôles de cycle de vie, de navigation, de ressources et de build.
  • Un diagnostic des activités vides, modules absents et problèmes de polices.
  • Une piste expérimentale pour les sprites animés par police, avec un rendu statique de secours.

Un exemple pour démarrer

Utilise le skill dynamic-island sur ce dépôt. Je veux afficher la progression d’une session dans une Live Activity et ouvrir son écran au toucher. Examine le projet, prépare l’extension native et les tests de démarrage, mise à jour et fin. Prévois le cas où l’appareil n’a pas de Dynamic Island.

Précisez les données utiles, l’action au toucher, les versions iOS visées et vos contraintes de build. L’agent doit avoir accès au code et aux outils de votre projet.

Dans le package

Le skill, une notice d’installation, trois guides techniques et un script Python de contrôle local d’IPA. Le script lit les bundles sans les extraire et sans appel réseau ; il contrôle une partie de la structure, pas la signature ou le rendu.

Ce qu’il faut encore tester

Le package est un guide pour l’agent, pas une app prête à compiler. Les comptes développeur, la signature et les essais sur iPhone restent nécessaires. Les sprites par police constituent une technique expérimentale : iOS contrôle leur cadence, et leur fonctionnement en test ne garantit pas une acceptation App Store.

Références : ActivityKit, WidgetKit et modules Expo.

Cas d'usage

Suivre une session en cours

Afficher une progression et ouvrir le bon écran depuis la Live Activity.

Compléter une app Expo

Préparer l’extension iOS, son pont natif et les essais adaptés au projet.

Diagnostiquer une île vide

Isoler le cycle de vie, les dimensions, les polices ou les fichiers manquants avant un nouveau build.

Prototyper un sprite animé

Explorer la technique des glyphes de minuterie avec des contrôles de police et un affichage statique de secours.

Comment l'installer

Claude

  1. Téléchargez et décompressez le ZIP.
  2. Copiez le dossier dynamic-island dans .claude/skills/ à la racine du projet.
  3. Vérifiez .claude/skills/dynamic-island/SKILL.md.
  4. Ouvrez le projet dans Claude Code et lancez /dynamic-island.

Conservez les sous-dossiers. Pour une installation personnelle : ~/.claude/skills/dynamic-island/. Sauvegardez une version existante avant remplacement.

Codex

  1. Téléchargez et décompressez le ZIP.
  2. Copiez le dossier dynamic-island dans .agents/skills/ à la racine du dépôt.
  3. Vérifiez .agents/skills/dynamic-island/SKILL.md.
  4. Ouvrez ce dépôt dans Codex et invoquez $dynamic-island. Rouvrez la session si nécessaire.

Conservez les sous-dossiers. Le skill nécessite un agent de code ayant accès au projet ; il n’installe pas les dépendances natives automatiquement.

Le verdict NXUS

Un guide pratique pour ajouter une Live Activity à une app existante, avec les pièges de configuration et de diagnostic. Les exemples sont génériques ; la compilation native et le rendu sur iPhone doivent être validés dans le projet concerné.

Skills similaires

Apprends à créer tes propres skills & agents

Découvre nos formations pour construire tes outils IA.

Voir les formations

Ressources connexes