Repolode
Enviar
danilo-znamerovszkij

danilo-znamerovszkij/draw-your-font

Una CLI de Node y una skill de Claude Code que convierten una foto de tu escritura a mano en una fuente TTF, WOFF o WOFF2 instalable.

Alternativa open source a:Calligraphr

Ver en GitHubSitio web
Estrellas
824
Forks
77
Issues abiertos
6
Último commit
hace 3 meses

¿Qué es?

draw-your-font convierte una foto de letras escritas a mano en un archivo de fuente listo para usar. Escribes el alfabeto en papel, le tomas una foto y la herramienta detecta cada letra, la vectoriza con potrace y genera una fuente TTF, WOFF o WOFF2. Cada glifo se coloca en un espacio em compartido, con una altura de mayúsculas, altura x y profundidad de descendentes uniformes, para que letras como g y o queden correctamente sobre la línea base y no parezcan recortes.

Se puede usar de dos maneras. Como skill de Claude Code, un agente localiza y etiqueta las letras en una foto desordenada, muestra una vista previa y acepta solicitudes de ajuste, como redondear las curvas o engrosar los trazos. Como CLI independiente de npm, tú indicas el orden de los caracteres mediante comandos para generar una plantilla imprimible, segmentar fotos, crear la fuente y previsualizar texto. El proceso se ejecuta localmente, sin dependencias del sistema como FontForge o ImageMagick.

Funciones clave

  • 01Convierte fotos de escritura a mano en archivos de fuente TTF, WOFF y WOFF2.
  • 02Genera una plantilla imprimible en PDF A4 con conjuntos de caracteres mínimos o en español.
  • 03Detecta y segmenta letras en fotos de formato libre con iluminación irregular.
  • 04Permite ajustar el suavizado y el grosor para obtener glifos más redondeados o más gruesos.
  • 05Puede generar archivos WOFF2 listos para la web y un fragmento CSS @font-face.
  • 06Se ejecuta localmente como un paquete npm puro, sin necesitar los binarios de FontForge, ImageMagick ni potrace.

Casos de uso

  • Crear una fuente personal basada en tu escritura a mano para notas, diapositivas o trabajos de diseño.
  • Crear una fuente manuscrita lista para la web, con CSS para un sitio personal.
  • Prototipar una fuente de exhibición personalizada a partir de un boceto rápido del alfabeto.
  • Crear una fuente dentro de Claude Code mediante iteraciones conversacionales.

Inicio rápido

  1. 1

    Instalar la skill de Claude Code

    npx skills add danilo-znamerovszkij/draw-your-font
  2. 2

    Crear una fuente a partir de una foto libre con la CLI

    npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"

Antes de usarlo

  • El kerning, las ligaduras y la aleatorización de letras están previstos para la v2 y aún no están disponibles.
  • Para obtener la mejor calidad, hay que imprimir la plantilla y rellenarla, en lugar de usar una foto libre.
  • Para usar la skill de Claude Code, es necesario tener acceso a Claude Code.

Temas

#font#handwriting#potrace#cli#nodejs#claude-code#woff2#typography#claude-skill#handwriting-font

Preguntas frecuentes

¿Qué es draw-your-font?
Una CLI de Node y una skill de Claude Code que convierten una foto de tu escritura a mano en una fuente TTF, WOFF o WOFF2 instalable. draw-your-font convierte una foto de letras escritas a mano en un archivo de fuente listo para usar. Escribes el alfabeto en papel, le tomas una foto y la herramienta detecta cada letra, la vectoriza con potrace y genera una fuente TTF, WOFF o WOFF2. Cada glifo se coloca en un espacio em compartido, con una altura de mayúsculas, altura x y profundidad de descendentes uniformes, para que letras como g y o queden correctamente sobre la línea base y no parezcan recortes.
¿draw-your-font es gratuito? ¿Qué licencia tiene?
draw-your-font es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿draw-your-font sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de draw-your-font fue el 5 ago 2026.
¿Para qué puedo usar draw-your-font?
Crear una fuente personal basada en tu escritura a mano para notas, diapositivas o trabajos de diseño. Crear una fuente manuscrita lista para la web, con CSS para un sitio personal. Prototipar una fuente de exhibición personalizada a partir de un boceto rápido del alfabeto. Crear una fuente dentro de Claude Code mediante iteraciones conversacionales.
¿Cómo se instala draw-your-font?
Instalar la skill de Claude Code: npx skills add danilo-znamerovszkij/draw-your-font Crear una fuente a partir de una foto libre con la CLI: npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
¿Dónde consigo draw-your-font?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/danilo-znamerovszkij/draw-your-font

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados