### Contraindre le modèle avec des Prompts de Compétence
Pour obtenir les meilleurs résultats, il est essentiel de contraindre le modèle IA en lui fournissant des instructions précises et des bonnes pratiques. On appelle cela un **prompt de compétence** : un document de référence (charte, méthodologie, règles métier) que vous attachez à vos requêtes pour guider la génération.

Exemples concrets :
- **Vibe Coding (bloc HTML5)** : lorsque vous utilisez la génération IA pour créer des interfaces via le bloc HTML5, attachez votre charte graphique en HTML/CSS au prompt. Le modèle respectera alors vos couleurs, typographies et composants.
- **Génération de documents Markdown** : attachez une méthodologie documentaire en Markdown (structure type, conventions de titrage, glossaire) pour que l'IA produise des documents conformes à vos standards.

Grâce au système de variables textuelles attachables au chat, vous pouvez stocker vos chartes et méthodologies comme variables de projet et les injecter en un clic dans chaque conversation IA.
### Cas d'usage majeur : le Vibe Coding avec le bloc HTML5
L'un des cas d'usage les plus puissants de Celestory est le vibe coding :
1. Ouvrez le chat IA dans l'onglet Texte.
1. Attachez votre charte graphique HTML/CSS en variable textuelle.
1. Décrivez en langage naturel l'interface, l'animation ou le composant que vous souhaitez.
1. Copiez le code généré dans un bloc HTML5 de votre graphe — ou, avec un modèle compatible outils, demandez à l'assistant de l'écrire directement dans le bloc.
1. Visualisez instantanément le résultat dans le moteur nocode.
1. Itérez par conversation IA jusqu'au résultat souhaité — sans écrire une seule ligne de code manuellement.
### Monitoring des tokens et des crédits
Celestory affiche en temps réel :
- **Tokens d'historique** : combien de tokens votre conversation a déjà consommés face à la fenêtre de contexte du modèle.
- **Tokens d'input** : combien de tokens votre prochain message va ajouter (variables attachées comprises).
- **Coût du modèle** : le badge `©` à côté du sélecteur de modèle.
- **Quota mensuel** : la jauge « Utilisation mensuelle » en haut de chaque onglet.

Surveillez ces indicateurs pour optimiser vos prompts, choisir le modèle adapté au rapport qualité/coût de votre cas d'usage, et anticiper les dépassements de quota avant un lancement en production.
### Et le « mode avancé » ?
Un interrupteur **Avancé** existe dans les onglets Image, Vidéo et Audio : il remplace tout le formulaire par un nom de modèle libre et une zone de paramètres JSON.

🔺 **Il n'est visible que pour les comptes d'administration Celestory**, pas pour un compte créateur ordinaire. Si vous ne le voyez pas, ce n'est pas un bug : passez par le sélecteur de modèle et les champs proposés.

---
→ Pour aller plus loin : [L'assistant IA qui construit votre graphe](Assistant_Graphe.md) · [Brancher un serveur MCP](Connecteurs_MCP.md) · [Le bloc Requête IA : ce qu'il ne vous dira pas](Bloc_Requete_IA_Pieges.md) · [Génération IA — Côté Joueur](Génération%20IA%20joueur%20v2.md) · [Lexique IA](Lexique%20IA%20v2.md) · [Les crédits IA et l'abonnement](../../../Découvrir%20Celestory/Découvrir%20Celestory%20v3/Credits_IA_Et_Abonnement.md)