draw-your-font
Скилл превращает фото почерка в устанавливаемый шрифт ttf, woff и woff2, вся обработка идет локально
Средний риск
Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.
Почему такой уровень
- Скилл запускает локальный CLI и ставит npm-пакет
- Читает переданные файлы изображений и пишет файлы шрифтов
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/draw-your-fontОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .claude/skills
cp -R "$tmp/skills/draw-your-font" .claude/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .github/skills
cp -R "$tmp/skills/draw-your-font" .github/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .devin/skills
cp -R "$tmp/skills/draw-your-font" .devin/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Бывший Windsurf.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .cline/skills
cp -R "$tmp/skills/draw-your-font" .cline/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .roo/skills
cp -R "$tmp/skills/draw-your-font" .roo/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add danilo-znamerovszkij/draw-your-font --skill draw-your-font -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита ef367bb
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/danilo-znamerovszkij/draw-your-font.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/draw-your-font/
git -C "$tmp" checkout ef367bb2193b523a03e313b9219e31055558ae70
mkdir -p .agents/skills
cp -R "$tmp/skills/draw-your-font" .agents/skills/draw-your-fontКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Установи скилл: npx skills add danilo-znamerovszkij/draw-your-font. Затем вызови /draw-your-font и передай путь к фото почерка. Требуется Node не ниже 18.
Другие способы из описания автора
npx skills add danilo-znamerovszkij/draw-your-fontСтавит скилл, дальше вызывайте /draw-your-font и передавайте фото почерка.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл делает шрифт из вашего почерка по фотографии. Агент находит буквы на снимке, размечает их по зрению и оценивает качество, а всю геометрию берет на себя CLI: трассировка контуров, метрики, сборка шрифта. На выходе получается файл ttf, а по запросу woff, woff2 и сниппет font-face для сайта. Есть режим шаблона: печатается сетка pdf, вы вписываете алфавит, фотографируете страницы и отдаете обратно. Можно дорабатывать словами: сделать округлее, жирнее, поправить отдельную букву. Все считается на вашей машине, снимки никуда не загружаются.
Для кого. Для дизайнеров и разработчиков, которым нужен личный рукописный шрифт из своего почерка.
Подходит, если
- Есть фото почерка и нужен из него шрифт
- Нужен рукописный шрифт для сайта в форматах woff и woff2
- Нужно доработать ранее сделанный шрифт: округлее, жирнее, поправить букву
Не подходит, если
- Нужно подобрать или опознать готовый шрифт, а не создать свой
- Нет фото почерка и заполнять шаблон не хочется
Пример запроса к агенту
Вот фото моего почерка, сделай из него шрифт и отдай woff2 с css для сайтаОграничения
Скилл создает шрифт только из вашего почерка, он не подбирает и не распознает существующие шрифты. Нужен Node не ниже 18, при первом запуске ставится npm-пакет draw-your-font. Качество зависит от снимка: ровный свет и темная ручка дают лучший результат, лучший вариант это печатный шаблон.
Как отключить. Удалите скилл из каталога скиллов Claude Code и при желании снимите npm-пакет draw-your-font.
Проверка безопасности
- Скилл запускает локальный CLI и ставит npm-пакет
- Читает переданные файлы изображений и пишет файлы шрифтов
Коротко о README
README описывает скилл Claude Code и CLI, которые делают шрифт из фото почерка. Скилл ставится командой npx skills add, агенту передают снимок, он размечает буквы, а сборкой шрифта занимается npm-пакет. Отдельно есть детерминированный CLI с командами template, segment, build, make и preview и флагами доработки. Поддерживаются форматы ttf, woff, woff2 и сниппет font-face. Все работает локально без FontForge и внешних бинарников, требуется Node не ниже 18. Лицензия MIT.
SKILL.md
--- name: draw-your-font description: Turn a photo of handwriting into a real installable font (TTF/WOFF/WOFF2). Use when the user shares a photo of handwritten letters and wants a font, asks to "make my font", "handwriting font", "turn my handwriting into a font", "font from this photo/image", asks for a handwriting font template, or wants to refine a font made earlier (smoother, thicker, fix a letter). Not for choosing, recommending, or identifying existing fonts - only for creating a font from the user's own handwriting. --- # draw-your-font Photo of handwritten letters in -> installable font out. You do the seeing (find and label letters, judge quality); the CLI does all geometry (trace, metrics, font assembly). Never edit SVG paths or coordinates yourself. ## Setup (once per session) Run `node <skill-dir>/scripts/resolve-cli.js` once. It prints the CLI invocation to use (e.g. `node /abs/path/src/cli.js`). Substitute that printed command wherever the examples below show `$DYF` - shell variables do not persist between tool calls, so paste the real command each time.
Частые вопросы
Фото почерка куда-то отправляется?
Нет, вся обработка идет локально на вашей машине, снимки не загружаются на сервер.
Можно без агента, только через CLI?
Да, есть детерминированный CLI: npx draw-your-font make photo.jpg с указанием символов и имени, ИИ там не нужен.
Похожие
Скиллы и CLI от HeyGen: агент пишет HTML-композиции и рендерит из них MP4-ролики, субтитры, моушн-графику и слайды
Blender MCP
MCP for Blender
MCP-сервер и аддон для Blender: агент создает и меняет объекты, материалы и сцены, подгружает ассеты и выполняет Python в Blender
Скиллы Remotion
Remotion Agent Skills
Официальные скиллы Remotion для создания видео на React: композиции, анимации, субтитры, карты и рендер
Агентная видеостудия для Claude Code, Cursor и Codex: сценарий, озвучка, картинки, стоковые кадры, музыка, субтитры и рендер