Anything Ipsum

Voir le projet Code source
Angular
Mistral AI
Node.js
SSR
Figma Plugin
Docker
Open Source

Générez du faux texte sur n'importe quel thème grâce à l'IA — pour des maquettes qui ont du sens.

Anything Ipsum

<!-- cover fournie par Damien plus tard ; laisse ce placeholder tel quel -->

Couverture du projet

<!-- TODO Damien : dépose ta capture/mockup ici sous le nom cover.png -->

Fini le latin moyenâgeux : générez du texte de remplissage sur n'importe quel thème, directement dans votre navigateur ou votre fichier Figma.

Le projet

En phase de maquettage, les designers et développeurs remplissent leurs wireframes avec le même "Lorem ipsum dolor sit amet" depuis des décennies. Le problème : un prototype rempli de charabia latin est difficile à valider avec un client. Anything Ipsum génère du faux texte contextualisé — pirate, médical, e-commerce, ou ce que vous voulez — pour des maquettes qui donnent une vraie idée du résultat final.

Le projet est open source et accessible en ligne. Un plugin Figma est en cours de développement pour insérer le texte directement dans les designs.

Ce que ça fait

  • Saisissez un thème libre (cuisine, science-fiction, juridique…) et obtenez du texte cohérent en quelques secondes
  • Choisissez le nombre de paragraphes et la longueur souhaitée (court, moyen, long, variable)
  • Le texte s'affiche en temps réel, mot par mot, pendant que l'IA le génère
  • L'API est ouverte : n'importe quel outil peut l'appeler pour récupérer du contenu thématique
  • Un plugin Figma en cours de développement permettra d'insérer ou remplacer du texte directement dans un design

Le défi

Le point technique le plus engageant a été le streaming en temps réel : plutôt que d'attendre que l'IA ait fini de composer toute la réponse avant de l'afficher, le texte arrive progressivement, comme si quelqu'un tapait. C'était une première pour ce projet — mettre en place le relais de flux de bout en bout, du serveur jusqu'au navigateur, sans perdre un caractère ni faire ramer la page.

L'assemblage global est aussi plus complet qu'il n'y paraît : rendu côté serveur (SSR) pour que la page s'affiche instantanément, rate limiting pour éviter les abus sur l'API publique, conteneurisation Docker pour un déploiement simple et reproductible.

Comment ça fonctionne

sequenceDiagram
    participant U as Navigateur
    participant S as Serveur Express / Angular SSR
    participant M as Mistral AI

    U->>S: POST /api/generate-lorem<br/>(thème, longueur)
    S->>M: Appel API en mode stream
    M-->>S: Chunks de texte en continu
    S-->>U: Relay chunked (SSE)
    U->>U: Affichage progressif

Stack

Couche Techno
Frontend Angular 20 (standalone, signals, SSR)
Serveur Express 5 intégré au rendu Angular
IA Mistral AI — mistral-large-latest
Style Tailwind CSS v4
Monorepo Nx
Déploiement Docker · GHCR · docker-compose

Liens

Retour aux projets