RunWhale
Retour à l’accueil

Guide

Premiers pas avec RunWhale

Configurez votre modèle, ouvrez un vrai projet, demandez une modification à l’agent et testez le résultat sur votre téléphone.

Dernière mise à jour :

Avant votre première demande

RunWhale garde l’espace de travail sur votre téléphone et utilise votre fournisseur pour l’inférence. Ces trois vérifications facilitent le démarrage.

Préparez une clé API de modèle

Utilisez une clé de votre fournisseur. Enregistrez-la uniquement dans les réglages RunWhale, jamais dans un projet ou une demande.

Restez connecté pour utiliser l’agent

L’inférence nécessite le réseau. Les opérations réseau Git et les dépendances non mises en cache peuvent aussi en avoir besoin.

Commencez par un projet compatible

Choisissez un modèle Web ou Expo intégré, ou importez un dépôt compatible avec un point d’entrée RunWhale Preview valide.

De la configuration à un résultat testé

Après la configuration du modèle, suivez Baby game : créez un projet Expo, demandez un jeu, approuvez la modification et essayez Animal Parade dans l’aperçu natif.

  1. Réglages → Modèles · Enregistrer de façon sécurisée

    Configurer un fournisseur et un modèle

    Ouvrez Réglages → Modèles, choisissez le fournisseur et le modèle, collez sa clé API et touchez Enregistrer de façon sécurisée.

    La clé reste dans le stockage sécurisé de l’appareil. L’inférence utilise le fournisseur choisi ; l’appareil doit être connecté lors de l’envoi d’une demande.

  2. Nouveau projet · Web / Expo

    Créer un projet ou importer un dépôt

    Touchez Nouveau projet, donnez-lui un nom et choisissez Web pour un site React avec aperçu Web, ou Expo pour une application avec aperçu natif.

    Pour cette démo, saisissez Baby game, choisissez Expo, laissez le dépôt facultatif vide et touchez Créer et ouvrir l’agent.

    Pour reprendre un code existant, indiquez un dépôt Git compatible. Son fichier runwhale.json détermine la cible d’aperçu.

  3. Agent

    Décrire un résultat précis

    Expliquez ce que vous souhaitez créer ou modifier, le comportement attendu et les vérifications prises en charge utiles à la tâche.

    La demande complète est « Make a game for baby ». L’agent prévoit un jeu avec de grandes zones tactiles, des encouragements et six cartes d’animaux.

  4. Révision · Autoriser une fois · Activité

    Suivre le travail et revoir le résultat

    En mode Révision, RunWhale demande votre accord avant d’écrire index.tsx. Touchez Autoriser une fois, puis suivez l’écriture et les vérifications dans la même session.

    L’agent exécute les diagnostics TypeScript et un diff Git. Il signale les dépendances non résolues du nouvel espace, puis passe à l’aperçu natif pour vérifier l’application en l’exécutant.

  5. Exécuter / Recharger · Aperçu

    Exécuter le même projet dans l’aperçu

    Dans la vidéo, l’agent lance directement l’aperçu natif. Vous pouvez aussi toucher Exécuter / Recharger à la fin d’un tour. Les projets Web utilisent l’aperçu Web, les projets Expo compatibles l’aperçu natif.

    Testez les interactions, pas seulement le premier écran. Si un diagnostic apparaît, revenez au projet et utilisez ce message exact pour demander la correction.

  6. Aperçu natif · Animal Parade

    Toucher les animaux et vérifier la réponse

    Animal Parade affiche « Can you find the Dog? » au-dessus de six cartes : chien, chat, vache, poussin, grenouille et lion. Touchez-les et observez les changements de consigne et de réponse.

    La démo affiche « Yay! », « Great job! » et « You found it! » avant la question suivante. Pour une nouvelle modification, revenez à la même session enregistrée.

Parcours complet

Voir le parcours de la demande à l’aperçu

En environ 2 minutes 12 secondes, cette vidéo silencieuse suit la création de Baby game, la demande, l’autorisation d’écriture, les vérifications et l’utilisation d’Animal Parade dans l’aperçu natif.

Les six captures proviennent de la vidéo ci-dessus et conservent l’interface originale en anglais. RunWhale Community Edition est gratuite et open source. Des frais d’utilisation du fournisseur IA peuvent s’appliquer.

Animal Parade · Démo complète · Environ 2 min 12 s · Sans son

Pour aller plus loin