An open API service indexing awesome lists of open source software.

https://github.com/rlespinasse/gem-amuse

Le Petit Coloriste — Une Gem Google Gemini pour générer des pages de coloriage par IA pour les enfants
https://github.com/rlespinasse/gem-amuse

ai-generated coloring-page gemini gemini-gem google-gemini google-gemini-gem kids

Last synced: 4 months ago
JSON representation

Le Petit Coloriste — Une Gem Google Gemini pour générer des pages de coloriage par IA pour les enfants

Awesome Lists containing this project

README

          

# Le Petit Coloriste

Une [Gem](https://gemini.google.com) Google Gemini (assistant personnalisé) qui transforme de simples descriptions en pages de coloriage prêtes à imprimer pour les jeunes enfants (dès 5 ans). Un compte Google gratuit est nécessaire pour y accéder.

[Essayer la Gem](https://gemini.google.com/gem/b2004aa806f7?usp=sharing)

## Ce que ça fait

Le Petit Coloriste génère des coloriages adaptés aux enfants avec :

- **Traits très épais** pour ne pas dépasser
- **Grands espaces vides** adaptés aux petites mains
- **Aucun gris ni ombre** — du blanc pur à remplir
- **Format A4 paysage** — prêt à imprimer

Les coloriages sont générés par Google Gemini avec le modèle de génération d'image **Nao Banana 2**.

## Premier coloriage

Pour découvrir comment créer votre premier coloriage en 3 étapes, rendez-vous directement sur le site : [lepetitcoloriste.rlespinasse.io](https://lepetitcoloriste.rlespinasse.io/).

## Pourquoi 404.html ?

Le site est hébergé sur GitHub Pages et utilise une architecture mono-page. GitHub Pages sert `404.html` comme page de secours pour toutes les routes, ce qui en fait le point d'entrée effectif. Cela évite d'avoir un `index.html` séparé et une configuration de routage.

## Développement

### Prérequis

- [mise](https://mise.jdx.dev/) — gère les versions de Node.js et just
- [just](https://just.systems/) — exécuteur de commandes (installé via mise)

### Démarrage rapide

```sh
just install # Installer les outils (via mise) et les dépendances npm
just dev # Lancer le serveur local avec rechargement automatique
```

### Commandes disponibles

| Commande | Description |
| ------------------------ | --------------------------------------------------- |
| `just install` | Installer les outils et les dépendances npm |
| `just dev` | Servir le site en local avec rechargement auto |
| `just lint` | Lancer tous les linters (HTML, CSS, JS, Markdown) |
| `just lint-fix` | Corriger automatiquement les erreurs de lint |
| `just lint-html` | Linter les fichiers HTML uniquement |
| `just lint-css` | Linter les fichiers CSS uniquement |
| `just lint-js` | Linter les fichiers JS uniquement |
| `just lint-md` | Linter les fichiers Markdown uniquement |
| `just generate-favicons` | Générer les variantes de favicon depuis le SVG |
| `just ci` | Lancer toutes les vérifications CI |

### Structure du projet

```text
site/ # Site statique servi par GitHub Pages
404.html # Page d'accueil principale
app.js # Gestion des modales et analytics
style.css # Styles
favicon.svg # Logo SVG (source pour la génération des favicons)
site.webmanifest # Manifeste PWA
exemples/ # Images d'exemples de coloriages
scripts/ # Scripts de build
generate-favicons.js
```

## Déploiement

Le site est automatiquement déployé sur GitHub Pages à chaque push sur `main` via le [workflow de déploiement](.github/workflows/deploy.yml). Le répertoire `site/` est publié tel quel.

Les pull requests sont vérifiées par le [workflow CI](.github/workflows/ci.yml), qui lance tous les linters.

## Licence

[MIT](LICENSE.md)