Alter-in-Monaten-Karte

Berechnen Sie die Monate und laden Sie ein lustiges Bild herunter.

Tool öffnen Zurück zu den Tools
// about

Über dieses Tool

Gib einen Namen und ein Geburtsdatum ein, um eine verspielte Karte mit dem Alter in Kalendermonaten zu erstellen. Die Idee stammt von dem süßen Satz, den Eltern über ihre Babys sagen – auch wenn die Zahl erstaunlich groß wird.

So verwenden Sie es

  1. Gib den Namen und das Geburtsdatum ein.
  2. Wähle den Stichtag und klicke auf die Monate-Schaltfläche.
  3. Lade die Karte herunter oder kopiere den Satz zum Teilen.

Warum dieses Tool genutzt wird

  • Eine unterhaltsame Möglichkeit, Geburtstage und Monatsmeilensteine mit Familie und Freunden zu teilen.
  • Erstellt ein herunterladbares Bild und einen kopierbaren Satz.
  • Verwendet den auf der Karte angezeigten Stichtag, damit das Ergebnis leicht verständlich ist.
Ratgeber · Datum & Zeit · 8 Min. Lesezeit

Datumsberechnung ohne Off-by-One: Countdowns, Jahrestage, Alter und Lebensmonate

Wie viele Tage noch bis zur Prüfung? Wann ist der 100. Tag? Wie viele Monate ist das Baby alt? Datumsrechnungen stecken voller Ein-Tages-Unterschiede — es lohnt sich, die verwendete Regel zu kennen.

Beim Countdown heißt das Zieldatum D, der Tag davor D-1 und der Tag danach D+1. Die verbleibenden Tage sind einfach Zieldatum minus heute. Am 28. Oktober 2026 ist der 25. Dezember D-58.

Start: 2026-03-01
Vergangene Tage: 2026-06-08 liegt 99 Tage nach dem Start
Tag Nummer:      2026-06-08 ist der 100. Tag
Ersten Tag mitzählen oder nicht: Countdowns, Jahrestage, Alter in Jahren, Lebensmonate und Monatsenden ohne Ein-Tages-Fehler berechnen.
Ratgeber lesen →
Mit KI bauen

Dieses Tool selbst mit KI bauen

Sie möchten eine eigene Version? Kopieren Sie den Arbeitsauftrag in einen KI-Chat oder speichern Sie die Skill-Datei für einen KI-Coding-Agenten. Beide enthalten die Funktionen, Sonderfälle und Testfälle, die wir verwendet haben.

Prompt und Skill sind auf Englisch, das KI-Tools in jeder Sprache gut verstehen.

KI-Arbeitsauftrag (Prompt)

Unverändert in Claude, ChatGPT oder Gemini einfügen.

You are an experienced full-stack web developer. Build a web tool called "Karten-Generator für Alter in Monaten" 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)

Als .claude/skills/build-baby-age-calculator/SKILL.md speichern, damit Agenten wie Claude Code es bei jeder Änderung am Tool wiederverwenden.

---
name: build-baby-age-calculator
description: Use when building or changing a Karten-Generator für Alter in Monaten tool. Build a tool that calculates age in calendar months from a name and birth date and creates a shareable card image.
---

# Build: Karten-Generator für Alter in Monaten

## 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

Tipps für die Arbeit mit KI

  • Nennen Sie in der ersten Zeile Ihren Stack (React, Vue oder reines HTML), damit der Code passt.
  • Lassen Sie die KI die Testfälle ausführen und die Ergebnisse zeigen, bevor Sie den Code übernehmen.
  • Fügen Sie keine echten Passwörter, Kundendaten oder API-Schlüssel ein; nutzen Sie Beispielwerte.