Vidéo · 3:07

Créer une app kiosque avec le SDK

Un film de développeur : Claude Code écrit un kiosque de hall contre window.screenrig, livre une version immuable, et répond à une touche d’un visiteur sur un autre écran.

Lire la référence du SDKConfigurer votre agent

Regarder

01Regarder

3:07

Film / Créer une application kiosque avec le SDK

3:07

Kestrel Labs, ses visiteurs et chaque identifiant sont des données d’exemple. L’application, les commandes et la ligne d’événement à l’écran utilisent le SDK et le CLI comme documenté, exécutés depuis Claude Code.

02Chapitres

Chapitres

Jo demande un kiosque d'enregistrement dans le hall. Claude Code l'écrit contre window.screenrig, le livre, et répond au premier tapotement sur le mur d'accueil.

  1. 0:00

    Le kiosque, en direct

  2. 0:17

    L’ancienne méthode

  3. 0:30

    Jo demande à Claude Code

  4. 0:50

    Le code

  5. 1:26

    Une version immuable

  6. 1:51

    Un tap atteint l’agent

  7. 2:15

    Une deuxième version

  8. 2:38

    Conçu pour les développeurs

03Transcription

Narration

Transcription

La narration, telle que prononcée. Les sous-titres portent les mêmes lignes.

  1. 0:05

    Un kiosque d’enregistrement, écrit par un agent. Et le hall répond à chaque touche.

  2. 0:18

    Une application kiosque signifiait autrefois une build native pour chaque appareil, et votre propre serveur pour chaque interaction.

  3. 0:31

    Jo crée des outils internes chez Kestrel Labs, dans Claude Code.

  4. 0:39

    Une requête : vérifier les visiteurs au kiosque du hall, et les accueillir sur le mur.

  5. 0:50

    Rien à installer. L’empaquetage de l’app injecte le runtime, donc window.screenrig est simplement là.

  6. 0:57

    Attendre que le lecteur active la page. Puis indiquer qu’elle est prête.

  7. 1:05

    Les visiteurs d’aujourd’hui vivent dans le magasin clé/valeur de l’application. Changez la liste et le kiosque suit. Pas de nouvelle compilation.

  8. 1:12

    Un tap envoie un événement nommé. Le reçu signifie que le backend l’a reçu.

  9. 1:20

    Sur un écran paysage, la même app est le mur d’accueil.

  10. 1:26

    Le téléversement crée une version immuable, sur son origine propre.

  11. 1:33

    Une épingle de liste de lecture qui se libère, pour le kiosque et le mur.

  12. 1:39

    L’assignation n’attend pas la vitre, donc l’agent vérifie. Les captures d’écran reviennent.

  13. 1:52

    Un visiteur tapote son nom.

  14. 1:56

    Le tapotement est transmis à l’agent comme un événement, et l’agent répond sur un autre écran.

  15. 2:02

    Le kiosque ne parle jamais au mur. C’est l’agent qui le fait.

  16. 2:15

    Jo veut un bouton pour appeler la réception. C'est une nouvelle version.

  17. 2:22

    Chaque version est immuable. La liste de lecture déplace son repère quand vous le dites.

  18. 2:28

    Et le magasin clé/valeur persiste, donc les visiteurs d’aujourd’hui sont toujours là.

  19. 2:39

    Pas d’étape de construction. Versions immuables. État qui leur survit. Événements avec reçus, et webhooks pour votre propre service.

  20. 2:54

    screenRIG est gratuit, avec des écrans illimités.

  21. 2:59

    Demander à votre agent de configurer screenrig.ai.

  22. 3:02

    Donnez un écran à votre agent.

Créer une app qui appartient à un écran

Chaque méthode du film figure dans la référence SDK : waitUntilActive, ready, kv et emitConfirmed.

Lire la référence du SDKTous les vidéos →