Créer un SaaS RH avec l'IA : Guide Lovable complet

Le cas : Bilans de Performance Assistés par IA pour PME

Dans le monde du travail moderne, le feedback des employés est souvent lent, biaisé ou incohérent. Les départements RH professionnels passent des centaines d'heures à rédiger manuellement des bilans de performance. Ce guide vous montre comment créer une app avec l'IA pour automatiser ce processus. Nous allons créer "ReviewFlow AI", une plateforme SaaS conçue pour les PME qui permet aux managers de générer des bilans structurés, constructifs et sans biais en quelques secondes grâce aux LLM.

En suivant cette formation Lovable, vous apprendrez à combler le fossé entre les données structurées (indicateurs de performance) et la génération de langage naturel, tout en maintenant un environnement multi-tenant sécurisé sur Supabase. Ce projet résout un problème majeur : le syndrome de la page blanche pendant la saison des entretiens annuels, transformant une tâche de 2 heures par employé en une session de 5 minutes.

Fonctionnalités clés

ReviewFlow AI n'est pas qu'une simple interface de chat ; c'est un outil RH complet :

• Annuaire des employés & Organigramme : Gérer les départements, les rôles et les liens hiérarchiques.
• Suivi des métriques de performance : Saisir des données quantitatives (KPI) et des notes qualitatives tout au long du trimestre.
• Générateur de bilan IA : Génération en un clic de brouillons professionnels basés sur les notes et les métriques.
• Adaptation du ton : Choisir entre "Encourageant", "Strict", "Direct" ou "Mentorat" pour le résultat de l'IA.
• Cycle de vie du bilan : Flux d'états : Brouillon, En révision (par RH/N+1), Finalisé et Signé.
• Multi-tenancy sécurisé : Garantir que les managers ne voient que leurs subordonnés directs et que les RH voient tout au sein de leur organisation.
• Export PDF : Mise en forme professionnelle pour des résumés de bilan imprimables.
• Tableau de bord analytique : Visualiser les tendances de performance par département.

Stack & intégrations

L'architecture utilise les meilleurs outils pour un développement rapide et évolutif :

• Lovable (Front-end & Logique) : Le moteur principal pour le "vibe coding" de l'interface et la connexion des fonctionnalités.
• Supabase (Base de données & Auth) : Gère les données relationnelles, la sécurité au niveau des lignes (RLS) et l'authentification.
• Edge Functions OpenAI : Pour traiter les données de performance sensibles et générer les bilans via GPT-4o.
• Resend : Pour notifier les employés quand leur bilan est publié et prêt pour signature.
• Tailwind CSS & Shadcn/UI : Pour une esthétique propre de qualité entreprise qui inspire confiance.

Prompts Lovable concrets

Voici les prompts exacts pour construire ReviewFlow AI. Copiez et collez-les dans Lovable séquentiellement.

1. Design system & identité visuelle

En tant que première étape pour ReviewFlow AI, crée un design system complet. C'est un SaaS RH haut de gamme.
Définis un thème personnalisé dans index.css en utilisant des tokens HSL. Utilise une palette professionnelle 'Ardoise Profonde & Indigo'.
- Background: hsl(220, 33%, 98%); Foreground: hsl(224, 71%, 4%);
- Primary: hsl(243, 75%, 59%) (un indigo vibrant); Primary-foreground: hsl(0, 0%, 100%);
- Secondary: hsl(210, 40%, 96%); Muted: hsl(210, 40%, 96%);
- Accent: hsl(243, 75%, 59%, 0.1); Destructive: hsl(0, 84%, 60%);
- Radius: 0.75rem pour un look moderne et légèrement arrondi.

Typographie : Utilise Inter comme police sans-serif principale. Définis des échelles pour H1 (32px, bold), H2 (24px, semibold), et Body (16px, regular).

Composants à personnaliser :
- Card : Ombres douces (0 4px 6px -1px rgb(0 0 0 / 0.1)) et bordures subtiles.
- Button : Transitions élégantes et anneaux de focus assortis à l'indigo.
- Sidebar : Collapsible avec un fond blanc propre et des états actifs indigo.
Propose une page 'StyleGuide' sur /style-guide montrant tous ces éléments, y compris les états vides et les skeletons de chargement.

2. Schéma de base de données & RLS

Configure le schéma de base de données Supabase pour ReviewFlow AI. Nous avons besoin d'une structure multi-tenant où tout appartient à une table 'organizations'.
Crée les tables suivantes :
1. organizations (id, name, created_at, slug)
2. profiles (id référençant auth.users, org_id, full_name, avatar_url, role: admin/manager/employee)
3. records (id, employee_id, created_at, kpi_json, qualitative_notes, review_period)
4. reviews (id, record_id, generated_content, status: draft/published, manager_id, tone_used)

Sécurité (RLS) :
- Profiles : Les utilisateurs peuvent lire les profils de leur propre organisation. Les admins peuvent mettre à jour n'importe quel profil de leur org.
- Records : Les managers peuvent lire/écrire des records pour les employés dont le manager_id correspond à leur ID ou s'ils sont RH/Admin.
- Reviews : Les employés ne peuvent voir leurs propres bilans QUE SI le statut est 'published'. Les managers voient les bilans qu'ils ont créés.

Configure correctement les clés étrangères. Active la RLS sur toutes les tables avec des politiques spécifiques pour éviter toute fuite de données entre entreprises.

3. Authentification & onboarding

Construis le flux d'authentification et d'onboarding de ReviewFlow AI.
- Crée une page 'Inscription' qui permet à un utilisateur de créer une nouvelle Organisation et son compte Admin simultanément.
- Utilise Supabase Auth pour l'email/mot de passe et la connexion Google.
- Après la connexion, si un utilisateur n'a pas d'org_id, redirige-le vers une page /setup-org.
- Crée une interface 'Inviter des employés' où les Admins peuvent ajouter des emails. Cela doit générer un profil temporaire et envoyer un lien d'invitation (simulé pour l'instant).
- Conçois une page 'Mon Profil' où les utilisateurs peuvent mettre à jour leur photo, leur nom et voir leur rôle.
Assure-toi que l'UI gère les états de chargement avec un spinner indigo personnalisé et utilise les toasts Sonner pour les messages de succès/erreur.

4. Tableau de bord Manager & Générateur IA

Crée la fonctionnalité phare de ReviewFlow AI : le tableau de bord de génération de bilans.
- Écran pour les Managers : Liste tous les collaborateurs directs avec leurs dernières stats.
- Bouton 'Lancer le bilan' pour un employé : Ouvre un formulaire par étapes.
- Étape 1 : Saisie des KPI (chiffre d'affaires, % de complétion de projet, etc.).
- Étape 2 : Saisie de notes qualitatives (ex: 'Bon esprit d'équipe sur le Projet X', 'Doit améliorer sa ponctualité').
- Étape 3 : Sélection du ton (Professionnel, Empathique, Constructif).
- Le bouton 'Générer le brouillon' doit appeler un bloc logique qui combine ces données pour GPT-4o.
- Affiche le résultat dans un éditeur de texte (TipTap) pour que le manager puisse modifier manuellement le texte avant de sauvegarder.
Utilise une mise en page split-screen sur desktop : saisies à gauche, brouillon IA à droite.

5. Intégration IA & Logique externe

Implémente la connexion IA pour ReviewFlow AI.
- Configure une Edge Function Supabase nommée 'generate-review'.
- Cette fonction doit recevoir les métriques de l'employé, les notes et le ton souhaité.
- Prompt Template : 'Tu es un expert RH. Rédige un bilan de performance pour [Nom] basé sur ces KPI : [KPI] et ces notes : [Notes]. Utilise un ton [Ton]. Structure-le avec Forces, Axes d'amélioration et Objectifs futurs.'
- Assure-toi que le front-end gère l'état 'streaming' ou une animation de chargement pendant que l'IA réfléchit.
- Une fois généré, sauvegarde le brouillon dans la table 'reviews' liée au manager et à l'employé.
- Intègre Resend : Quand un bilan est marqué comme 'published', déclenche un email à l'employé : 'Votre bilan de performance T3 est disponible.'

6. Polish, SEO & Export final

Finalise ReviewFlow AI avec un rendu professionnel et une optimisation SEO.
- Ajoute des vérifications de design responsive : assure-toi que le dashboard et l'éditeur fonctionnent sur iPad et mobile.
- Implémente des 'États vides' (Empty States) pour le dashboard quand aucun employé ou bilan n'existe encore.
- Ajoute les balises Meta : Titre 'ReviewFlow AI | Bilans de Performance Intelligents', Description 'Automatiserez vos entretiens RH avec l'IA. Gagnez du temps et éliminez les biais.'
- Crée une fonctionnalité 'Imprimer en PDF' utilisant une requête média CSS simple pour formater le bilan comme un document propre.
- Ajoute un composant 'Résumé' sur le dashboard manager montrant : Bilans en attente, Score de performance moyen, et Échéances à venir.

Pièges courants & solutions

Comment empêcher les managers de voir les employés des autres ?

Le secret réside dans les politiques RLS de Supabase. Vous devez lier chaque profil à un org_id et un manager_id. Votre politique doit vérifier : auth.uid() = manager_id OU (select role from profiles where id = auth.uid()) = 'admin'.

Le texte de l'IA semble trop robotique. Comment corriger cela ?

Dans votre prompt pour l'Edge Function, incluez des exemples "Few-Shot". Donnez 2-3 exemples d'un "bon" bilan par rapport à un bilan "robotique". Demandez aussi à l'IA d'interdire les buzzwords génériques comme "synergie" ou "rockstar".

Les données sont-elles sécurisées pour un usage RH ?

Oui, mais vous devez vous assurer de ne pas envoyer de données sensibles nominatives (comme le NIR) à l'IA. Utilisez uniquement les prénoms et indicateurs métiers, et vérifiez que votre politique de données OpenAI (opt-out) est active.

FAQ

Puis-je exporter les bilans vers mon SIRH actuel ?

Oui, ReviewFlow AI peut être étendu avec une fonction de Webhooks ou un export CSV vers des outils comme Workday ou BambooHR.

Quel est le coût d'utilisation de l'IA ?

En utilisant GPT-4o-mini via l'API, générer un bilan coûte moins de 0,01 €. Pour une PME de 50 employés, le coût mensuel est dérisoire face au temps gagné.

Les employés peuvent-ils contester leur bilan dans l'app ?

Absolument. Vous pouvez ajouter un champ 'Commentaire' sur le bilan publié où l'employé peut rédiger son retour avant de signer numériquement.

Conclusion

Créer un SaaS avec l'IA comme ReviewFlow AI n'est plus un projet de plusieurs mois. En exploitant le vibe coding et la puissance de Lovable, vous pouvez passer d'un concept à un outil RH multi-tenant fonctionnel en un week-end. Commencez par votre Design System, sécurisez vos données avec Supabase, et laissez l'IA s'occuper de la rédaction. Prêt à révolutionner vos processus RH ? Lancez Lovable et collez le premier prompt !

-- Create organizations table
CREATE TABLE organizations (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  slug TEXT UNIQUE NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT timezone('utc'::text, now()) NOT NULL
);

-- Profiles table with multi-tenant org_id
CREATE TABLE profiles (
  id UUID REFERENCES auth.users ON DELETE CASCADE PRIMARY KEY,
  org_id UUID REFERENCES organizations(id) ON DELETE CASCADE,
  full_name TEXT,
  avatar_url TEXT,
  role TEXT CHECK (role IN ('admin', 'manager', 'employee')),
  manager_id UUID REFERENCES profiles(id),
  created_at TIMESTAMP WITH TIME ZONE DEFAULT timezone('utc'::text, now()) NOT NULL
);

-- Performance records (KPIs and notes)
CREATE TABLE performance_records (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  employee_id UUID REFERENCES profiles(id) ON DELETE CASCADE NOT NULL,
  org_id UUID REFERENCES organizations(id) ON DELETE CASCADE NOT NULL,
  kpi_data JSONB,
  notes TEXT,
  period TEXT,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT timezone('utc'::text, now()) NOT NULL
);

-- AI Generated reviews
CREATE TABLE reviews (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  record_id UUID REFERENCES performance_records(id) ON DELETE CASCADE NOT NULL,
  content TEXT,
  status TEXT CHECK (status IN ('draft', 'published', 'signed')) DEFAULT 'draft',
  tone TEXT,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT timezone('utc'::text, now()) NOT NULL
);

-- RLS Policies
ALTER TABLE organizations ENABLE ROW LEVEL SECURITY;
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;
ALTER TABLE performance_records ENABLE ROW LEVEL SECURITY;
ALTER TABLE reviews ENABLE ROW LEVEL SECURITY;

-- Profiles: Users can view profiles in their own organization
CREATE POLICY "Profiles are viewable by members of the same org" ON profiles
  FOR SELECT USING (org_id = (SELECT org_id FROM profiles WHERE id = auth.uid()));

-- Performance Records: Managers can view/edit their direct reports
CREATE POLICY "Managers can manage their reports" ON performance_records
  FOR ALL USING (
    employee_id IN (SELECT id FROM profiles WHERE manager_id = auth.uid()) OR
    (SELECT role FROM profiles WHERE id = auth.uid()) = 'admin'
  );

-- Reviews: Employees can only see published reviews
CREATE POLICY "Employees can view own published reviews" ON reviews
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM performance_records pr 
      WHERE pr.id = reviews.record_id AND pr.employee_id = auth.uid()
    ) AND status = 'published'
  );