Carte d'âge en mois

Calculez le nombre de mois et téléchargez une image amusante.

// about

À propos de cet outil

Saisissez un prénom et une date de naissance pour créer une carte amusante indiquant l’âge en mois civils. L’idée vient de la phrase attendrissante que les parents disent de leurs bébés, même quand le nombre devient énorme.

Comment l’utiliser

  1. Saisissez le prénom et la date de naissance.
  2. Choisissez la date de référence et cliquez sur le bouton des mois.
  3. Téléchargez la carte ou copiez la phrase pour la partager.

Pourquoi utiliser cet outil

  • Une façon amusante de partager anniversaires et étapes mensuelles avec ses proches.
  • Crée une image à télécharger et une phrase à copier.
  • Utilise la date de référence affichée sur la carte pour que le résultat soit facile à comprendre.
Guides · Date et heure · 8 min de lecture

Calculer des dates sans erreur d'un jour : comptes à rebours, anniversaires, âge et âge en mois

Combien de jours avant l'examen ? Quand tombe le 100e jour ? Quel âge en mois a le bébé ? Les calculs de dates regorgent d'écarts d'un jour : mieux vaut savoir quelle règle est appliquée.

Le compte à rebours désigne la date cible par J, la veille par J-1 et le lendemain par J+1. Le nombre de jours restants est simplement la date cible moins aujourd'hui. Le 28 octobre 2026, le 25 décembre est à J-58.

Départ : 2026-03-01
Jours écoulés : le 2026-06-08 est 99 jours après le départ
Numéro du jour : le 2026-06-08 est le 100e jour
Compter ou non le premier jour : comptes à rebours, anniversaires, calcul de l'âge, âge en mois calendaires et fins de mois sans erreur d'un jour.
Lire le guide →
Le créer avec l'IA

Créez cet outil vous-même avec l'IA

Besoin de votre propre version ? Copiez le prompt dans un chat IA ou enregistrez le fichier de skill pour un agent de code IA. Ils décrivent les fonctionnalités, cas limites et tests que nous avons utilisés.

Le prompt et le skill sont fournis en anglais, que les outils d'IA comprennent parfaitement.

Prompt de consigne IA

Collez-le tel quel dans Claude, ChatGPT ou Gemini.

You are an experienced full-stack web developer. Build a web tool called "Générateur de carte d'âge en mois" that meets the requirements below.

## Goal

Build a tool that calculates age in calendar months from a name and birth date and creates a shareable card image.

## Core features

- Calendar-month age
- Choose the reference date (default today)
- Generate a sentence such as 'Alex is 18 months old'
- Download the card as SVG/PNG
- Copy the sentence

## Inputs

- Name
- Birth date
- Reference date

## Outputs

- Age in months
- Share sentence
- Card image

## Edge cases and handling rules

- Subtract one month if the reference day is before the birth day
- Error when the reference date is before the birth date
- Document the rule for birthdays on the 31st
- Keep the card layout intact with long names

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- Born 1975-10-22, reference 2026-08-12 → 609 months
- Born 15 May: 0 months on 14 June, 1 month on 15 June
- The downloaded image contains the name and months

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Skill (SKILL.md)

Enregistrez-le sous .claude/skills/build-baby-age-calculator/SKILL.md pour qu'un agent comme Claude Code le réutilise à chaque modification de l'outil.

---
name: build-baby-age-calculator
description: Use when building or changing a Générateur de carte d'âge en mois tool. Build a tool that calculates age in calendar months from a name and birth date and creates a shareable card image.
---

# Build: Générateur de carte d'âge en mois

## Goal

Build a tool that calculates age in calendar months from a name and birth date and creates a shareable card image.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Calendar-month age
- Choose the reference date (default today)
- Generate a sentence such as 'Alex is 18 months old'
- Download the card as SVG/PNG
- Copy the sentence

## Inputs

- Name
- Birth date
- Reference date

## Outputs

- Age in months
- Share sentence
- Card image

## Rules

- Subtract one month if the reference day is before the birth day
- Error when the reference date is before the birth date
- Document the rule for birthdays on the 31st
- Keep the card layout intact with long names
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] Born 1975-10-22, reference 2026-08-12 → 609 months
- [ ] Born 15 May: 0 months on 14 June, 1 month on 15 June
- [ ] The downloaded image contains the name and months

Conseils pour travailler avec l'IA

  • Indiquez votre stack (React, Vue, HTML pur…) dès la première ligne pour obtenir un code adapté.
  • Demandez à l'IA d'exécuter les tests listés et d'en montrer les résultats avant d'accepter le code.
  • Ne collez jamais de vrais secrets, données clients ou clés d'API ; utilisez des exemples.