Tarjeta de edad en meses

Calcula los meses de edad y descarga una imagen divertida.

Abrir herramienta Volver a las herramientas
// about

Sobre esta herramienta

Introduce un nombre y una fecha de nacimiento para crear una tarjeta divertida con la edad en meses naturales. Se inspira en la frase tierna que los padres dicen de sus bebés, aunque el número sea enorme.

Cómo usarla

  1. Introduce el nombre y la fecha de nacimiento.
  2. Elige la fecha de referencia y pulsa el botón de los meses.
  3. Descarga la tarjeta o copia la frase para compartirla.

Por qué usar esta herramienta

  • Una forma divertida de compartir cumpleaños y hitos mensuales con familia y amigos.
  • Crea una imagen lista para descargar y una frase que puedes copiar.
  • Usa la fecha de referencia que aparece en la tarjeta para que el resultado sea fácil de entender.
Guías · Fecha y hora · 8 min de lectura

Cálculo de fechas sin errores de un día: cuentas atrás, aniversarios, edad y meses de vida

¿Cuántos días faltan para el examen? ¿Cuándo es el día 100? ¿Cuántos meses tiene el bebé? Los cálculos de fechas están llenos de diferencias de un día, así que conviene saber qué regla se aplica.

La cuenta atrás llama D a la fecha objetivo, D-1 al día anterior y D+1 al siguiente. Los días que faltan son simplemente la fecha objetivo menos hoy. El 28 de octubre de 2026, el 25 de diciembre está a D-58.

Inicio: 2026-03-01
Días transcurridos: el 2026-06-08 está 99 días después del inicio
Número de día:      el 2026-06-08 es el día 100
Contar o no el primer día: cuentas atrás, aniversarios, cálculo de la edad, meses de vida y finales de mes sin errores de un día.
Leer guía →
Créalo con IA

Crea esta herramienta tú mismo con IA

¿Quieres tu propia versión? Copia el prompt en un chat de IA o guarda el archivo de skill para un agente de programación. Incluyen las funciones, casos límite y pruebas que usamos al crearla.

El prompt y la skill están en inglés, que las herramientas de IA entienden perfectamente.

Prompt de instrucciones para IA

Pégalo tal cual en Claude, ChatGPT o Gemini.

You are an experienced full-stack web developer. Build a web tool called "Generador de tarjeta de edad en meses" 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)

Guárdalo como .claude/skills/build-baby-age-calculator/SKILL.md para que agentes como Claude Code lo reutilicen cada vez que crees o cambies la herramienta.

---
name: build-baby-age-calculator
description: Use when building or changing a Generador de tarjeta de edad en meses tool. Build a tool that calculates age in calendar months from a name and birth date and creates a shareable card image.
---

# Build: Generador de tarjeta de edad en meses

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

Consejos para trabajar con IA

  • Indica tu stack (React, Vue o HTML puro) en la primera línea para obtener código adecuado.
  • Pide que ejecute las pruebas listadas y muestre los resultados antes de aceptar el código.
  • No pegues contraseñas reales, datos de clientes ni claves de API; usa valores de ejemplo.