Pour les Professeurs d'EPS Connectés

Générez vos WebApps d'EPS
Sans écrire une ligne de code

Transformez vos idées pédagogiques en applications fonctionnelles (Scores, Tournois, Observables) grâce à l'ingénierie de prompt structuré. Compatible ChatGPT, Gemini, Claude 3.5.

Ouvrir le Studio Comment ça marche ?
La Révolution No-Code

Reprenez la main sur
Vos Outils Numériques

En EPS, les applications génériques (magasin d'applis) sont souvent trop complexes, payantes ou inadaptées à votre situation d'apprentissage. D'un autre côté, demander à une IA "Code-moi une appli de basket" donne souvent un résultat bugué et incomplet (Niveau 1).

Vibe EPS Studio vous permet d'atteindre le Niveau 4 (Pseudo code avec balises et délimiteurs). En utilisant des commandes structurées (ex: /APP_SCOREBOARD, /EXPORT_CSV), vous fournissez à l'IA un cahier des charges technique parfait.

Le Point d'Équilibre Opérationnel

"Ne perdez pas 3h à coder. Passez 2 minutes à structurer votre commande, et laissez l'IA coder exactement ce dont vous avez besoin pour votre leçon."

Prompt Textuel vs Structuré

🔴 Prompt Classique

"Fais-moi une appli pour noter le bad..."

  • Design aléatoire
  • Fonctions manquantes
  • Code souvent cassé
🟢 Vibe Structuré

/APP_BADMINTON { /Score: "Sets", /Timer: true }

  • Design "Mobile First"
  • Logique déterministe
  • Zéro hallucination code

Les Avantages

  • Adaptabilité : Créez l'outil exact pour VOTRE situation d'apprentissage.
  • Indépendance : Plus besoin d'attendre qu'une appli existe ou devienne gratuite.
  • Data Ownership : Vos données restent en local (LocalStorage) ou CSV, pas sur un cloud tiers.

Les Inconvénients

  • Hébergement : Nécessite de savoir héberger le fichier HTML généré (ex: sur un ENT ou GitHub Pages).
  • Courbe d'apprentissage : Il faut apprendre à manipuler les blocs de commandes.

Vibe EPS Studio

Générateur de Prompts pour WebApps Pédagogiques.

Utilisez le Drag & Drop pour assembler votre WebApp, puis copiez le code généré dans ChatGPT ou Claude.

Mode d'emploi

Comment créer votre outil ?

Quatre étapes simples pour passer de l'idée pédagogique au code fonctionnel.

1

Définir le Contexte

🎯
Persona & Cible Le prompt commence par définir qui vous êtes (Prof EPS) et pour qui vous créez l'app.

Paramètres IA

🎚️
Température & Longueur Définissez si l'IA doit être créative (0.8) ou stricte (0.2) et la longueur de sortie attendue.
2
3

Construction du Prompt

🧩
Drag & Drop Commandes

Glissez 1 à 6 blocs depuis la palette. Modifiez les options (cases à cocher) pour chaque bloc.

⚠️ Attention : Trop de commandes tue la commande !
Privilégiez 3-4 fonctions essentielles.

Copier & Générer

Collez le résultat dans ChatGPT, Claude ou Gemini.
4

Le Référentiel de Commandes

Catalogue complet des modules disponibles pour le générateur.

🎨 Styles & Thèmes
▼
Clean MinimalCLEAN-SAAS

Blanc, épuré, ombres douces.

OmbresCoins ronds
Dark ModeDARK-OLED

Fond noir absolu (Eco).

ContrasteNéon
Light ModeLIGHT-MODE

Fond blanc, contraste élevé.

Bordures noires
Tactile GéantBIG-TOUCH

Boutons énormes pour terrain.

HaptiqueAnti-missclick
Material GoMATERIAL-GO

Boutons ronds, effet 'Ripple'.

Dalle WindowsMETRO-WIN

Bords carrés, grilles strictes.

Anime StyleANIME-CSS

Contours noirs, Pop.

Retro ArcadeRETRO-8BIT

Pixel art & vert néon.

GlassmorphismGLASS-UI

Transparence & Flou.

VarsitySPORT-VARSITY

Style Université US.

⏱️ Chrono & Timers
▼
ChronomètreENG-CHRONO

Précision ms, Lap.

MsLap
MinuteurENG-TIMER

Compte à rebours + Alarme.

TabataENG-TABATA

Cycles Travail / Repos.

CouleursSifflet
MétronomeENG-METRONOME

BPM régulier (Tick).

Temps ReposENG-COOLDOWN

Bloquer action X secondes.

ProgrammateurENG-ALARM

Action à heure précise.

Pré-DépartENG-PRE-START

Décompte 3, 2, 1, Go.

Temps RoundENG-ROUND-TIMER

Temps de jeu effectif.

🔢 Compteurs & Scores
▼
CompteurENG-COUNTER

+1 / -1 simple.

Ratio %ENG-RATIO

Réussite/Échec temps réel.

Score MatchENG-SCORE

Points A vs B + Sets.

UndoSets
Multi-CompteursENG-MULTI-COUNT

Grille de 4, 6 ou 8.

TotalisateurENG-TOTAL

Somme automatique.

Série (Streak)ENG-STREAK

Réussites consécutives.

FautesENG-FOUL

Compteur fautes / Cartons.

BonusENG-BONUS

Points différenciés (+1/+3).

📊 Visualisation & Graphs
▼
Graph CourbeMOD-CHART-LINE

Visualiser progression.

CamembertMOD-CHART-PIE

Répartition en %.

DonutMOD-CHART-DONUT

Anneau de pourcentage.

SlidersMOD-SLIDERS

Noter en glissant (0-10).

Feu TricoloreMOD-STOPLIGHT

Départ/Stop visuel.

Barre Progress.MOD-PROGRESS-BAR

Remplissage objectif.

Radar (Spider)MOD-RADAR

Compétences 5/6 axes.

💾 Données & Export
▼
Export CSVMOD-EXPORT-CSV

Compatible Excel/Pronote.

Export PDFMOD-EXPORT-PDF

Générer fiche bilan.

Save AutoMOD-LOCAL-SAVE

Persistance locale.

QR GeneratorMOD-QR-GEN

Données en QR Code.

QR ScannerMOD-QR-SCAN

Lire via Caméra.

HistoriqueMOD-HISTORY

Journal d'actions (Log).

🏆 Tournois & Matchs
▼
Arbre TournoiENG-BRACKET

1/4, 1/2, Finale.

ChampionnatENG-ROUNDROBIN

Poules / Formule 1.

Montante/Desc.ENG-MONTANTE

Gestion rotation terrains.

Classement EloENG-ELO

Algo type Échecs.

Tri ScoresENG-SORT

Classement auto.

MélangeurENG-SHUFFLE

Mélange aléatoire liste.

Tableau LEDMOD-SCOREBOARD

Affichage Grand Écran.

Podium 3DMOD-PODIUM

Affichage vainqueurs.

Liste JoueursMOD-PLAYER-LIST

Import/Gestion présence.

Gen. ÉquipesMOD-TEAM-GEN

Création auto groupes.

🏟️ Terrains & Tactique
▼
Carte d'ImpactsMOD-IMPACT-MAP

Positionner des points au clic/touch.

Zones DynamiquesMOD-ZONE-RESIZE

Slider pour redimensionner les zones.

Rotation TerrainMOD-LAYOUT-SWAP

Alterner sens de lecture (G/D vs Av/Ar)

ArdoiseMOD-DRAW-BOARD

Dessiner stratégie.

T. FootMOD-FIELD-FOOT

Vue aérienne vert.

T. BasketMOD-FIELD-BASKET

Vue aérienne parquet.

T. BadMOD-FIELD-BAD

Vue aérienne zones.

T. HandMOD-FIELD-HAND

Vue aérienne Hand.

T. VolleyMOD-FIELD-VOLLEY

Vue aérienne Filet.

Ping PongMOD-FIELD-PINGPONG

Vue dessus table.

T. RugbyMOD-FIELD-RUGBY

Terrain + En-but.

Piste AthléMOD-FIELD-ATHLE

Anneau 400m.

HeatmapMOD-HEATMAP

Zones chaudes.

🎮 Gamification
▼
AléatoireENG-RNG

Dés, Pile ou Face.

Dés 3DMOD-DICE-3D

Physique 3D.

Roue FortuneMOD-ROULETTE

Tirage au sort visuel.

Canon ConfettiMOD-CONFETTI

Animation victoire.

Boîte à SonsMOD-SOUNDBOARD

Buzzer, Sifflet, etc.

Synthèse VocaleMOD-VOICE-TTS

L'app parle.

Avatar MakerMOD-AVATAR

Générer icônes.

Level UpMOD-LEVEL-UP

Animation niveau.

🧮 Calcul & Logique
▼
VitesseENG-VELOCITY

VMA/kmh selon Dist/Temps.

Table VMAENG-VMA

Calcul allure % VMA.

IMC/IMGENG-BMI

Indice Masse Corporelle.

MoyenneENG-AVERAGE

Moyenne glissante.

PondérationENG-WEIGHT

Calcul note avec coeff.

🛠️ Technique
▼
Fichier UniqueONE-FILE

Tout en un (HTML+JS).

Mode PWAPWA-READY

Installable Mobile.

OfflineOFFLINE

Sans internet.

ResponsiveRESPONSIVE

Adapte écrans.

Mobile FirstMOBILE-FIRST

Priorité smartphone.

Mode PCPC-VIEW

Souris / Hover.

No ScrollNO-SCROLL

Interface Fixe.

Anti-VeilleWAKE-LOCK

Écran toujours allumé.

Inspiration

Le Studio en Action

Découvrez des exemples concrets. Cliquez sur l'image pour agrandir ou sur le lien pour tester l'app. Découvrez les modules utilisés. Le prompt structuré généré.

Tableau de Marque Basket

Handball Progression

indicateur de qualité de la progression de l'équipe vers le but. Nombre de passages. % ratio et indicateur de qualité offensive.

/MOD-CHART-DONUT Ouvrir l'App
Gestion Tournoi Badminton

Montante-Descendante

Automatisée. Saisie des gagnants/ perdants et rotation automatique des terrains. Import élèves et export résultats.

/MONTANTE_DESC Ouvrir l'App
Calculateur VMA

Poule unique avec classement

Tout le monde rencontre tout le monde. Les scores sont sauvegardés automatiquement. Classement et export des résultats.

/MOD-POULE Ouvrir l'App