Навык для AI-агентов, который превращает ответ на сложный вопрос в автономную HTML-страницу со схемами, таблицами и продуманной вёрсткой.
danilo-znamerovszkij/draw-your-font
Node CLI и skill для Claude Code, превращающие фото вашего почерка в устанавливаемый шрифт TTF, WOFF или WOFF2.
Open source альтернатива:Calligraphr
- Звёзды
- 824
- Форки
- 77
- Открытые issues
- 6
- Последний коммит
- 3 месяца назад
Что это?
draw-your-font превращает фото рукописных букв в готовый к использованию файл шрифта. Вы пишете на бумаге алфавит, фотографируете его, а инструмент распознаёт буквы, векторизует их с помощью potrace и собирает шрифт в форматах TTF, WOFF или WOFF2. Каждый глиф располагается в общей em-квадратной области с одинаковой высотой прописных, высотой строчных и глубиной выносных элементов, поэтому буквы вроде g и o правильно стоят на базовой линии, а не выглядят как вырезанные фрагменты.
Инструмент можно использовать двумя способами. В качестве skill для Claude Code агент находит и подписывает буквы на неаккуратном фото, показывает предварительный результат и учитывает пожелания по доработке — например, сделать изгибы более округлыми или штрихи толще. В качестве самостоятельного npm CLI он позволяет вручную задать порядок символов и предоставляет команды для создания шаблона для печати, сегментации фотографий, сборки шрифта и предпросмотра текста. Весь конвейер работает локально и не требует системных зависимостей вроде FontForge или ImageMagick.
Ключевые возможности
- 01Преобразует фотографии почерка в файлы шрифтов TTF, WOFF и WOFF2.
- 02Создаёт шаблон PDF формата A4 для печати с базовым или испанским набором символов.
- 03Находит и сегментирует буквы на фотографиях в свободной форме, в том числе при неравномерном освещении.
- 04Позволяет сглаживать контуры и менять насыщенность глифов, делая их более округлыми или жирными.
- 05Может создавать готовые для веба файлы WOFF2 и фрагмент CSS с @font-face.
- 06Работает локально как npm-пакет и не требует FontForge, ImageMagick или бинарного файла potrace.
Сценарии использования
- Создание персонального шрифта на основе почерка для заметок, презентаций или дизайна.
- Создание готового для веба рукописного шрифта с CSS для личного сайта.
- Создание прототипа собственного акцидентного шрифта по быстрому наброску алфавита.
- Создание шрифта в Claude Code с помощью итеративного диалога.
Быстрый старт
- 1
Установить навык Claude Code
npx skills add danilo-znamerovszkij/draw-your-font - 2
Создать шрифт по произвольной фотографии с помощью CLI
npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
Что важно знать
- Кернинг, лигатуры и рандомизация букв запланированы для v2 и пока недоступны.
- Для наилучшего качества нужно распечатать шаблон и заполнить его, а не использовать произвольную фотографию.
- Для использования навыка Claude Code необходим доступ к Claude Code.
Темы
Частые вопросы
- Что такое draw-your-font?
- Node CLI и skill для Claude Code, превращающие фото вашего почерка в устанавливаемый шрифт TTF, WOFF или WOFF2. draw-your-font превращает фото рукописных букв в готовый к использованию файл шрифта. Вы пишете на бумаге алфавит, фотографируете его, а инструмент распознаёт буквы, векторизует их с помощью potrace и собирает шрифт в форматах TTF, WOFF или WOFF2. Каждый глиф располагается в общей em-квадратной области с одинаковой высотой прописных, высотой строчных и глубиной выносных элементов, поэтому буквы вроде g и o правильно стоят на базовой линии, а не выглядят как вырезанные фрагменты.
- draw-your-font можно использовать бесплатно? Какая у него лицензия?
- draw-your-font распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- draw-your-font всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в draw-your-font — 5 авг. 2026 г..
- Для чего можно использовать draw-your-font?
- Создание персонального шрифта на основе почерка для заметок, презентаций или дизайна. Создание готового для веба рукописного шрифта с CSS для личного сайта. Создание прототипа собственного акцидентного шрифта по быстрому наброску алфавита. Создание шрифта в Claude Code с помощью итеративного диалога.
- Как установить draw-your-font?
- Установить навык Claude Code: npx skills add danilo-znamerovszkij/draw-your-font Создать шрифт по произвольной фотографии с помощью CLI: npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
- Где скачать draw-your-font?
- Исходный код и инструкции по установке — на GitHub: https://github.com/danilo-znamerovszkij/draw-your-font
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
CLI и каталог готовых агентов, команд, настроек, хуков и интеграций MCP для конфигурирования Claude Code.
Плагин для Claude Code, который выводит актуальную строку состояния: использование контекста, лимиты, активные инструменты, запущенных агентов и прогресс по задачам.
Подключает локальные AI-агенты для разработки, например Claude Code, Codex и Gemini CLI, к чатам Feishu, Slack, Telegram и Discord.
Локальные CLI и приложение для компьютера, которые показывают расходы на токены для AI-разработки в разрезе инструментов, моделей, проектов и задач.
Небольшая CLI-утилита для Windows, которая показывает toast-уведомления и оповещает о завершении задач AI-агентов для программирования.