Vibe

Vibe : créez des sites et applications web avec l'IA

Vibe est l'application Delos qui permet de créer des sites web, pages interactives et applications web avec l'aide de l'intelligence artificielle.

À partir d'une simple consigne, d'un fichier, d'un visuel, d'une base de données ou d'une idée, Vibe peut générer une interface complète, modifier le design, ajouter des pages, connecter des intégrations et publier un site en ligne.

Vibe est conçu pour permettre à chacun de créer rapidement des expériences web professionnelles, sans avoir besoin de coder.

À quoi sert Vibe ?

Vibe permet de créer rapidement :

sites vitrines ;
landing pages ;
pages marketing ;
mini-sites événementiels ;
portfolios ;
démonstrateurs produit ;
applications internes ;
dashboards ;
formulaires ;
interfaces connectées à des données ;
prototypes interactifs ;
outils métiers simples.

L'utilisateur décrit ce qu'il souhaite créer, et Vibe génère une première version exploitable, modifiable et publiable.

Créer un site avec l'IA

L'utilisateur peut demander à Vibe de créer un site ou une application web à partir d'une consigne.

Exemples :

"Crée une landing page moderne pour présenter notre nouvelle offre."
"Génère un site vitrine pour une entreprise de conseil."
"Crée un dashboard connecté à une base de données."
"Fais une page de démonstration produit avec un formulaire."
"Crée un mini-site événementiel avec programme et inscription."

Vibe peut générer :

la structure du site ;
les textes ;
les sections ;
les visuels ;
les pages ;
les boutons ;
les formulaires ;
le design ;
les interactions ;
la version responsive.

Création et modification par prompt

Vibe fonctionne avec une logique conversationnelle.

L'utilisateur peut demander des modifications en langage naturel :

"Ajoute une section témoignages."
"Rends le design plus premium."
"Change la couleur principale en bleu nuit."
"Ajoute une page Tarifs."
"Remplace le hero par une version plus commerciale."
"Ajoute un formulaire de contact."
"Connecte cette page à une table de données."

L'IA modifie ensuite le site ou l'application en fonction de la demande.

Ajouter des fichiers comme base de travail

Vibe permet d'ajouter des fichiers pour créer ou modifier un site à partir de contenus existants.

L'utilisateur peut fournir par exemple :

documents ;
images ;
logos ;
captures d'écran ;
maquettes ;
fichiers de contenu ;
présentations ;
tableaux ;
assets de marque ;
exemples de sites ou d'interfaces.

Ces fichiers peuvent servir à :

reprendre une charte graphique ;
importer du contenu ;
créer un site à partir d'un document ;
reproduire une structure ;
s'inspirer d'une maquette ;
intégrer des visuels existants ;
construire une interface à partir de données.

Création de visuels avec l'IA

Vibe peut aider à créer ou intégrer des visuels dans un site.

L'utilisateur peut demander :

une image de couverture ;
une illustration ;
une icône ;
un visuel produit ;
un arrière-plan ;
une image marketing ;
un élément graphique pour une section ;
un visuel adapté à une page.

Exemples :

"Crée un visuel hero premium sur l'IA en entreprise."
"Ajoute une illustration moderne pour la section sécurité."
"Génère une image de fond abstraite en bleu et violet."
"Remplace les visuels par un style plus corporate."

Cela permet de produire un site plus complet, même sans banque d'images existante.

Créer plusieurs pages

Vibe permet de créer des sites composés de plusieurs pages.

L'utilisateur peut ajouter, modifier ou supprimer des pages comme :

Accueil ;
À propos ;
Fonctionnalités ;
Tarifs ;
Contact ;
Blog ;
Documentation ;
FAQ ;
Dashboard ;
Connexion ;
Profil ;
Paramètres ;
Page produit ;
Page de formulaire ;
Page de résultats.

Chaque page peut avoir son propre contenu, son propre design et ses propres interactions.

Vibe peut aussi créer une navigation entre les pages, comme un menu, des boutons ou des liens internes.

Édition du design et des contenus

Après génération, l'utilisateur peut modifier librement le site.

Il peut demander à Vibe de changer :

textes ;
titres ;
boutons ;
sections ;
couleurs ;
polices ;
images ;
icônes ;
marges ;
espacements ;
animations ;
formulaires ;
cartes ;
tableaux ;
menus ;
structure des pages.

L'utilisateur peut également demander une modification globale du style :

plus moderne ;
plus corporate ;
plus premium ;
plus minimaliste ;
plus dynamique ;
plus coloré ;
plus sobre ;
plus orienté conversion.

Visualiser les différents formats

Vibe permet de visualiser le rendu du site sur plusieurs formats d'écran.

L'utilisateur peut vérifier l'affichage en :

desktop ;
tablette ;
mobile.

Cette visualisation permet de contrôler que le site est bien responsive, c'est-à-dire lisible et utilisable sur différents appareils.

Il est recommandé de vérifier les différents formats avant publication, notamment pour :

la lisibilité des textes ;
la taille des boutons ;
l'affichage des images ;
les menus mobiles ;
les formulaires ;
les espacements ;
les sections longues.

Ajouter des intégrations

Vibe peut connecter un site ou une application à des services externes ou internes, selon les intégrations disponibles dans l'environnement Delos.

Les intégrations peuvent servir à :

collecter des données ;
envoyer des informations ;
connecter un formulaire ;
récupérer des contenus ;
synchroniser des outils ;
créer des workflows ;
relier le site à un CRM ;
connecter une base de données ;
afficher des données dynamiques.

Exemples d'usage :

formulaire de contact connecté à un outil interne ;
dashboard connecté à une base de données ;
page de suivi alimentée par des données ;
interface métier connectée à une source externe.

Lier Vibe avec des bases de données dans Tables

Vibe peut être utilisé avec Tables pour créer des sites ou interfaces connectés à des données structurées.

Une table peut servir de base de données pour afficher ou exploiter des informations dans Vibe.

Exemples :

afficher une liste de produits ;
créer un annuaire ;
alimenter un dashboard ;
afficher des statistiques ;
créer un catalogue ;
gérer des inscriptions ;
afficher des contenus filtrables ;
connecter un formulaire à une table ;
créer une interface de consultation de données.

Cette connexion permet de créer des expériences web dynamiques, où les contenus peuvent évoluer à partir des données stockées dans Tables.

Données accessibles et exploitables

Les données utilisées par Vibe peuvent être rendues accessibles au site ou à l'application selon les droits et connexions configurés.

Cela signifie que Vibe peut s'appuyer sur des données existantes pour :

afficher des contenus ;
filtrer des résultats ;
alimenter des composants ;
générer des pages dynamiques ;
créer des tableaux de bord ;
personnaliser l'expérience utilisateur.

L'accès aux données dépend des autorisations, des sources connectées et des paramètres définis dans l'organisation.

Les données sensibles doivent toujours être manipulées avec attention, notamment avant publication d'un site ou partage externe.

Sites dynamiques et applications interactives

Vibe ne sert pas seulement à créer des pages statiques.

Il peut aussi générer des expériences interactives, comme :

formulaires ;
filtres ;
tableaux ;
dashboards ;
cartes ;
boutons d'action ;
pages dynamiques ;
composants interactifs ;
affichage conditionnel ;
contenus reliés à une base de données.

Ces fonctionnalités permettent de créer des applications simples, prototypes ou outils internes directement depuis Delos.

Partage d'un projet Vibe

Un projet Vibe peut être partagé avec d'autres utilisateurs ou équipes.

Le partage permet de :

collaborer sur un site ;
donner accès à un projet ;
faire relire une page ;
permettre à une équipe de contribuer ;
centraliser les modifications ;
éviter les versions multiples.

Selon les droits disponibles, les utilisateurs peuvent avoir accès au projet en lecture ou en édition.

Le partage interne est recommandé lorsque le projet est encore en construction ou doit rester accessible uniquement à une équipe.

Publication d'un site

Vibe permet de publier un site pour le rendre accessible en ligne.

La publication sert à rendre le projet consultable par des utilisateurs externes ou internes via un lien.

Elle est utile pour :

mettre en ligne une landing page ;
partager un prototype ;
diffuser un mini-site ;
rendre une application accessible ;
présenter une démo ;
envoyer un site à un client ou partenaire.

Avant de publier, il est recommandé de vérifier :

le contenu ;
les liens ;
les formulaires ;
les données visibles ;
le rendu mobile ;
les informations confidentielles ;
les droits d'accès ;
les intégrations connectées.

Différence entre partager et publier

Le partage permet de donner accès au projet à des utilisateurs ou équipes dans Delos.

La publication permet de rendre le site accessible en ligne via un lien.

En résumé :

partager = collaborer ou donner accès dans Delos ;
publier = rendre le site consultable comme un site web.

Actions disponibles dans Vibe

Selon les options disponibles, Vibe permet notamment de :

créer un site ou une application ;
générer une page avec l'IA ;
modifier le contenu par prompt ;
ajouter des fichiers ;
importer des images ou logos ;
générer des visuels ;
ajouter une nouvelle page ;
supprimer une page ;
modifier la navigation ;
changer les couleurs ;
modifier les polices ;
adapter le style ;
créer des formulaires ;
ajouter des composants interactifs ;
connecter des intégrations ;
connecter des données depuis Tables ;
visualiser le rendu desktop, tablette et mobile ;
partager le projet ;
publier le site ;
mettre à jour un site publié.

Bonnes pratiques

Pour obtenir un bon résultat avec Vibe, il est recommandé de préciser :

le type de site ou d'application ;
l'objectif ;
le public cible ;
le nombre de pages ;
le style visuel attendu ;
les couleurs ou la charte graphique ;
les contenus à intégrer ;
les fichiers de référence ;
les données à connecter ;
les intégrations nécessaires ;
le format prioritaire : mobile ou desktop.

Exemple de consigne efficace :

"Crée une landing page B2B moderne pour présenter une solution d'IA en entreprise, avec une page Accueil, une page Fonctionnalités, une page Tarifs et une page Contact. Utilise un style premium bleu nuit et blanc, ajoute un formulaire de contact et prévois une version mobile propre."

Questions fréquentes

Qu'est-ce que Vibe ?

Vibe est l'application Delos qui permet de créer des sites web, pages interactives et applications web avec l'aide de l'intelligence artificielle.

Peut-on créer un site sans coder ?

Oui. L'utilisateur décrit ce qu'il souhaite créer, et Vibe génère le site ou l'application. Les modifications peuvent ensuite être demandées en langage naturel.

Peut-on créer plusieurs pages ?

Oui. Vibe permet de créer des sites multipages avec des pages comme Accueil, Tarifs, Contact, Blog, Dashboard ou FAQ.

Peut-on ajouter des fichiers ?

Oui. L'utilisateur peut ajouter des documents, images, logos, maquettes ou fichiers de référence pour guider la création du site.

Peut-on créer des visuels avec Vibe ?

Oui. Vibe peut générer ou intégrer des visuels adaptés au site : images de couverture, illustrations, icônes, arrière-plans ou visuels marketing.

Peut-on connecter Vibe à Tables ?

Oui. Vibe peut être relié à des bases de données dans Tables pour afficher ou exploiter des données structurées dans un site ou une application.

Les données sont-elles accessibles dans Vibe ?

Oui, les données peuvent être accessibles au site ou à l'application selon les sources connectées, les droits définis et les paramètres de sécurité.

Peut-on ajouter des intégrations ?

Oui. Vibe peut intégrer des services ou outils selon les intégrations disponibles, par exemple pour connecter des formulaires, récupérer des données ou créer des workflows.

Peut-on visualiser le site sur mobile ?

Oui. Vibe permet de vérifier le rendu sur différents formats, notamment desktop, tablette et mobile.

Quelle est la différence entre partage et publication ?

Le partage donne accès au projet dans Delos à des utilisateurs ou équipes.

La publication met le site en ligne via un lien accessible.

Peut-on modifier un site après publication ?

Oui. Un site peut être modifié après publication. Il est ensuite possible de mettre à jour la version publiée.

À quoi faut-il faire attention avant de publier ?

Il faut vérifier les textes, liens, formulaires, données visibles, intégrations, rendu mobile et éventuelles informations confidentielles.