Choisissez un dossier de projet sur votre ordinateur et dites ce que vous voulez, avec vos mots. Ryna Code lit les fichiers, les modifie, lance des commandes et vérifie lui-même le résultat jusqu'à ce que le travail soit fait. Ryna Code tourne sur votre ordinateur, uniquement dans le dossier que vous choisissez.
Ajoute un filtre de prix à la page menu et soigne l'affichage sur téléphone.
Plan3/5
Étudier les données du menu
Écrire le composant de filtre
Le brancher sur la page menu
Vérifier l'affichage sur téléphone
Lancer les tests
src/components/MenuFilter.tsx
Modification · +4 −1
− const list = items;
+ const [max, setMax] = useState(150);
+ const list = items.filter((i) => i.price <= max);
Réflexion
Confiez une tâche à Ryna…
Auto/ commandes · @ fichiers
Tourne sur votre ordinateur
Ryna Code travaille sur l'ordinateur où se trouve votre projet, uniquement dans le dossier que vous autorisez.
Il demande d'abord
Il demande avant de modifier un fichier ou de lancer une commande. C'est vous qui fixez sa marge de liberté.
Il vérifie son travail
Il ouvre ce qu'il a créé dans un navigateur, regarde, clique un peu partout et corrige ce qu'il trouve.
Annulation en un clic
Revenez sur n'importe quelle étape qui ne vous plaît pas : votre projet retrouve son état d'avant.
Comment ça marche
Choisissez un dossier, dites ce que vous voulez, regardez faire.
Que vous codiez ou non, le principe est le même : vous dites ce que vous voulez, Ryna Code fait le travail étape par étape et vous montre chacune d'elles.
01Choisissez votre dossier
Il ne travaille que là où vous l'autorisez.
Vous choisissez un dossier de projet sur votre ordinateur, et Ryna Code n'en sort pas. Il demande avant de modifier un fichier ou de lancer une commande, et le mode de travail décide de la fréquence de ces questions.
Demander — demande avant chaque modification et chaque commande
Accepter les modifs — modifie les fichiers librement, demande avant les commandes
Plan — se contente de lire et d'écrire un plan ; ne change rien
Auto — ne demande rien, sauf pour les commandes risquées
site-patisserieFiltre de prix pour le menu
Demander
Ouvrir un dossier
~/Projets/site-patisserie
site-patisserie Ce dossier uniquement
src
public
package.json
RYNA.md
Documents
Bureau
Mode de travail
Demander
Demande avant chaque modification et commande
Accepter les modifs
Modifie librement, demande avant les commandes
Plan
Lit et écrit un plan ; ne change rien
Auto
Ne demande rien (sauf commandes risquées)
Puis-je modifier ce fichier ?src/styles.css +6−2
RefuserToujours autoriserAutoriser
02Dites ce que vous voulez
Expliquez-le avec vos mots.
Pas besoin de jargon. Collez une capture d'écran, glissez un fichier ou décrivez simplement le rendu voulu. Des raccourcis sont là si vous le souhaitez.
/init présente le projet, /review relit les modifications, /test lance les tests
Tapez @fichier pour désigner un fichier précis
Joignez des captures d'écran et des fichiers
site-patisserieFiltre de prix pour le menu
Plan
Que fait-on dans site-patisserie ?
/initÉtudie le projet et écrit RYNA.md
/reviewRelit les modifications avec l'agent Relecture
/testLance les tests et corrige les échecs
ecran-menu.png @src/pages/menu.tsx
Ajoute un filtre de prix à la page menu et soigne l'affichage sur téléphone.
Plan/ commandes · @ fichiers
03Plan
Il réfléchit d'abord, puis il construit.
Ryna Code découpe le travail en petites étapes, et la carte du plan montre où il en est. En mode Plan, il se contente de lire et d'écrire le plan ; rien ne change sans votre accord.
Tout le travail, étape par étape
Votre accord d'abord en mode Plan
Vous savez toujours où en est une longue tâche
site-patisserieFiltre de prix pour le menu
Plan
Ajoute un filtre de prix à la page menu et soigne l'affichage sur téléphone.
Plan0/52/5
Étudier les données du menu
Écrire le composant de filtre
Le brancher sur la page menu
Vérifier l'affichage sur téléphone
Lancer les tests
Plan prêt. Je me lance ?
Approuver, demander à chaque étape Approuver et appliquer
04Il écrit le code
Vous voyez chaque modification.
Il lit les fichiers, écrit du nouveau code et retouche l'existant. Chaque modification s'affiche en rouge et vert, ligne par ligne, et vous suivez en direct la sortie des commandes qu'il lance.
Différences ligne par ligne
Sortie des commandes en direct
Des modifications sur plusieurs fichiers d'un coup
site-patisserieFiltre de prix pour le menu
Accepter les modifs
src/components/MenuFilter.tsx
Modification · +4 −1
export function MenuFilter({ items }: Props) {
− const list = items;
+ const [max, setMax] = useState(150);
+ const list = items.filter((i) => i.price <= max);
return (
12 lignes inchangées
+ <PriceRange value={max} onChange={setMax} />
+ <MenuGrid items={list} />
npm run build
Commande · 2,1 s · Terminé
$ npm run build
128 modules transformed
Compilation réussie
05Il se vérifie
Il regarde avant de dire que c'est fini.
Il ouvre votre site dans un navigateur intégré, prend des captures d'écran, clique sur les boutons et lit les erreurs de la console. Il teste les formats ordinateur, tablette et téléphone, et lance seul votre serveur de développement en arrière-plan.
Navigateur intégré et captures d'écran
Vues ordinateur, tablette et téléphone
Lit les erreurs de console et les corrige
site-patisserieFiltre de prix pour le menu
Auto
Navigateur
localhost:5173/menuOrdinateurTéléphone
Pâtisserie Tulipe
ToutDessertsBoissonsMoins de 10 €
Künefe
12 €
Baklava
9 €
Cheesecake
8 €
Café turc
4 €
Capture d'écran prise
A cliqué sur le filtre « Moins de 10 € »
Capture d'écran prise
Console · 0 erreur
Processus en arrière-plan · localhost:5173
06Sous-agents
Il travaille en parallèle, comme une équipe.
Des sous-agents comme Exploration, Relecture et Test tournent en même temps en arrière-plan : l'un cartographie le projet, un autre relit le code, un troisième lance les tests. Vous pouvez aussi créer votre propre agent en décrivant simplement ce qu'il doit faire.
Agents Exploration, Relecture et Test
Travail en parallèle, en arrière-plan
Décrivez-le pour créer votre propre agent
site-patisserieFiltre de prix pour le menu
Auto
Filtre de prix pour le menu
Exploration
arrière-plan · 7
"price" src/
pages/menu.tsx
14 fichiers analysés
Relecture
arrière-plan · 4
MenuFilter.tsx
styles.css
Relecture du code en cours
Test
arrière-plan · 5
npm test
menu.test.tsx
18/18 tests réussis
Nouvel agent
Que doit-il faire ? Décrivez-le, Ryna rédige l'ébauche
07Annuler
Tout ce qui tourne mal peut être annulé.
Chaque message a son point « Revenir ici » : tout ce qui a changé ensuite est annulé en un clic. Le panneau Modifications montre quels fichiers ont changé, et comment.
Un point de retour sur chaque message
Panneau Modifications
Expérimentez sans crainte
site-patisserieFiltre de prix pour le menu
Demander
Ajoute un filtre de prix à la page menu
Filtre ajouté et vérifié sur téléphone.
Mets les cartes sur deux colonnes
Revenir ici
3 fichiers modifiés après ce message vont retrouver leur état d'avant :
src/pages/menu.tsx
src/components/MenuGrid.tsx
src/styles.css
Annuler Restaurer code et discussion
Assombris les couleurs
Couleurs assombries.
3 fichiers restaurés
08Pour les utilisateurs avancés
Vos outils habituels sont là aussi.
Le panneau Git affiche vos modifications, et « Rédiger avec Ryna » prépare le message de commit à votre place. Des copies de travail séparées permettent d'avancer sur des branches parallèles d'un même projet, et les connexions MCP ajoutent des outils comme votre base de données, vos fichiers de design ou votre suivi d'erreurs.
Panneau Git avec messages de commit tout prêts
Copies de travail séparées pour les branches parallèles
Connexions MCP
site-patisserieFiltre de prix pour le menu
Accepter les modifs
Git
menu-filter 2
3 modifications
src/pages/menu.tsx
src/components/MenuFilter.tsx
src/styles.css
feat(menu): filtre de prix et mise en page mobile
Rédiger avec Ryna Commit (3)
Copies de travail
mainpropre
menu-filter
en parallèle
Connexions · MCP
Base de données connecté
Design connecté
Suivi d'erreurs connecté
site-patisserieFiltre de prix pour le menu
Demander
Ouvrir un dossier
~/Projets/site-patisserie
site-patisserie Ce dossier uniquement
src
public
package.json
RYNA.md
Documents
Bureau
Mode de travail
Demander
Demande avant chaque modification et commande
Accepter les modifs
Modifie librement, demande avant les commandes
Plan
Lit et écrit un plan ; ne change rien
Auto
Ne demande rien (sauf commandes risquées)
Puis-je modifier ce fichier ?src/styles.css +6−2
RefuserToujours autoriserAutoriser
Que fait-on dans site-patisserie ?
/initÉtudie le projet et écrit RYNA.md
/reviewRelit les modifications avec l'agent Relecture
/testLance les tests et corrige les échecs
ecran-menu.png @src/pages/menu.tsx
Ajoute un filtre de prix à la page menu et soigne l'affichage sur téléphone.
Plan/ commandes · @ fichiers
Ajoute un filtre de prix à la page menu et soigne l'affichage sur téléphone.
Plan0/52/5
Étudier les données du menu
Écrire le composant de filtre
Le brancher sur la page menu
Vérifier l'affichage sur téléphone
Lancer les tests
Plan prêt. Je me lance ?
Approuver, demander à chaque étape Approuver et appliquer
src/components/MenuFilter.tsx
Modification · +4 −1
export function MenuFilter({ items }: Props) {
− const list = items;
+ const [max, setMax] = useState(150);
+ const list = items.filter((i) => i.price <= max);
return (
12 lignes inchangées
+ <PriceRange value={max} onChange={setMax} />
+ <MenuGrid items={list} />
npm run build
Commande · 2,1 s · Terminé
$ npm run build
128 modules transformed
Compilation réussie
Navigateur
localhost:5173/menuOrdinateurTéléphone
Pâtisserie Tulipe
ToutDessertsBoissonsMoins de 10 €
Künefe
12 €
Baklava
9 €
Cheesecake
8 €
Café turc
4 €
Capture d'écran prise
A cliqué sur le filtre « Moins de 10 € »
Capture d'écran prise
Console · 0 erreur
Processus en arrière-plan · localhost:5173
Filtre de prix pour le menu
Exploration
arrière-plan · 7
"price" src/
pages/menu.tsx
14 fichiers analysés
Relecture
arrière-plan · 4
MenuFilter.tsx
styles.css
Relecture du code en cours
Test
arrière-plan · 5
npm test
menu.test.tsx
18/18 tests réussis
Nouvel agent
Que doit-il faire ? Décrivez-le, Ryna rédige l'ébauche
Ajoute un filtre de prix à la page menu
Filtre ajouté et vérifié sur téléphone.
Mets les cartes sur deux colonnes
Revenir ici
3 fichiers modifiés après ce message vont retrouver leur état d'avant :
src/pages/menu.tsx
src/components/MenuGrid.tsx
src/styles.css
Annuler Restaurer code et discussion
Assombris les couleurs
Couleurs assombries.
3 fichiers restaurés
Git
menu-filter 2
3 modifications
src/pages/menu.tsx
src/components/MenuFilter.tsx
src/styles.css
feat(menu): filtre de prix et mise en page mobile
Rédiger avec Ryna Commit (3)
Copies de travail
mainpropre
menu-filter
en parallèle
Connexions · MCP
Base de données connecté
Design connecté
Suivi d'erreurs connecté
01 / 08
Choisissez votre dossier
Pour qui
Que vous codiez ou non.
Dites simplement ce que vous voulez. Jusqu'où entrer dans les détails, c'est vous qui décidez.
Si vous êtes développeur
Déléguez le travail répétitif, le débogage et les tests, et gardez votre attention pour l'architecture et les décisions. Relisez les différences, faites vos commits depuis le panneau Git, testez des idées dans des copies de travail parallèles.
Si vous ne codez pas
Décrivez avec vos mots le site, le petit outil ou la correction que vous avez en tête. Ryna Code montre chaque étape, demande avant de toucher à quoi que ce soit et annule en un clic tout ce qui tourne mal.
Pour votre équipe
Vous pensez l'utiliser en équipe ? Dites-le en rejoignant la liste, et nous parlerons des besoins de votre équipe pendant l'accès anticipé.
Téléchargement
Téléchargez Ryna Code.
L'application de bureau est disponible pour Windows et macOS. Pour l'utiliser, il vous faut un compte Ryna et, pour l'instant, une invitation à l'accès anticipé ; si vous n'en avez pas, vous pouvez rejoindre la liste depuis l'application.
Configuration requise
Windows 10 ou 11, 64 bits
macOS 12 ou version ultérieure
Les mises à jour arrivent automatiquement dans l'application et s'installent quand vous choisissez « Redémarrer » ou fermez l'application.
Les téléchargements arrivent bientôt
Nous préparons la première version. Rejoignez la liste d'accès anticipé et nous vous préviendrons à l'ouverture des téléchargements.
L'usage est mesuré sur des fenêtres de 5 heures et d'une semaine. L'application indique le pourcentage de chaque fenêtre déjà utilisé ; quand l'une est pleine, vous pouvez attendre la suivante ou passer à une formule supérieure.
Fenêtre de 5 heures%42
Fenêtre hebdomadaire%18
Prix en dollars américains (USD), facturés chaque mois.
Questions fréquentes
Qu'est-ce que Ryna Code ?
Ryna Code est l'agent de codage de bureau de Ryna AI. Il travaille dans un dossier de projet sur votre ordinateur : vous dites ce que vous voulez, et il lit et modifie les fichiers, lance des commandes, vérifie le résultat dans un navigateur et termine le travail.
Puis-je l'utiliser sans savoir coder ?
Oui. Il suffit de décrire ce que vous voulez avec vos mots. Ryna Code montre chaque étape, demande avant de toucher à quoi que ce soit et vous permet d'annuler en un clic tout ce qui tourne mal.
Où se trouve mon code ?
Votre projet reste sur votre ordinateur, et Ryna Code ne travaille que dans le dossier que vous choisissez. Pour générer les réponses, seuls les extraits de fichiers que l'agent lit et votre conversation sont traités via une connexion chiffrée ; votre projet n'est jamais envoyé en entier. Le mode de travail détermine ce qu'il peut faire sans demander. Tous les détails figurent dans notre Politique de confidentialité.
Sur quels systèmes d'exploitation fonctionne-t-il ?
Windows 10 et 11 (64 bits) et macOS 12 ou version ultérieure. La section Téléchargement indique les versions disponibles dès maintenant. Si vous êtes sous Linux, inscrivez-vous sur la liste — nous planifions selon la demande.
Combien ça coûte ?
Un abonnement Ryna Plus inclut un usage limité de Ryna Code. Pour aller plus loin, Ryna Code coûte $19.99 par mois et Ryna Code Max $59.99 par mois. L'usage est mesuré sur des fenêtres de 5 heures et d'une semaine, et l'application affiche ce qu'il reste en pourcentage.
Connectez-vous avec votre compte Ryna. Ryna Code est pour l'instant en accès anticipé : si vous avez une invitation, vous pouvez commencer tout de suite ; sinon, rejoignez la liste depuis l'application ou sur cette page. Les invitations partent dans l'ordre, et nous vous écrivons par e-mail quand votre tour arrive.
Et si une modification ne me plaît pas ?
Utilisez « Revenir ici » sur n'importe quel message pour annuler en un clic toutes les modifications de fichiers faites après lui ; le panneau Modifications liste chaque fichier modifié. Les effets des commandes, comme les paquets installés, ne sont pas annulés.
Accès anticipé
Rejoignez la liste d'accès anticipé.
Tout le monde peut télécharger Ryna Code ; pour l'instant, il faut une invitation à l'accès anticipé pour l'utiliser. Inscrivez-vous : nous vous enverrons votre invitation par e-mail quand ce sera votre tour.
Pour Windows et macOS ; sous Linux, vous pouvez aussi vous inscrire
Les invitations partent dans l'ordre
Dites-nous ce que vous voulez créer : cela oriente la suite du produit