draw-your-font skill
A skill that turns a photo of handwriting into an installable ttf, woff and woff2 font, all processing local
- 861 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The skill runs a local CLI and installs an npm package
- It reads the image files you pass and writes font files
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/draw-your-fontDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skill runs a local CLI and installs an npm package
- It reads the image files you pass and writes font files
This is third-party code. Review the repository files before installing.
What it does
The skill builds a font from your handwriting photo. The agent finds the letters in the image, labels them by vision and judges quality, while the CLI does all geometry: contour tracing, metrics, font assembly. The output is a ttf file, and on request woff, woff2 and a font-face snippet for a website. There is a template mode: print a pdf grid, write your alphabet, photograph the pages and hand them back. You refine by talking: rounder, bolder, fix one letter. Everything runs on your machine and the photos are never uploaded.
Who it is for. For designers and developers who want a personal handwriting font from their own writing.
Good fit when
- You have a handwriting photo and want a font from it
- You need a handwriting font for the web in woff and woff2
- You want to refine an earlier font: rounder, bolder, fix a letter
Not a fit when
- You want to pick or identify an existing font, not create your own
- You have no handwriting photo and do not want to fill a template
Example request
Here is a photo of my handwriting, make a font from it and give me woff2 with css for my siteLimitations
The skill creates a font only from your handwriting; it does not pick or identify existing fonts. It needs Node 18 or newer and installs the draw-your-font npm package on first run. Quality depends on the photo: even light and a dark pen work best, and the printed template gives the cleanest result.
How to disable. Remove the skill from the Claude Code skills directory and optionally uninstall the draw-your-font npm package.
FAQ
Is the handwriting photo uploaded anywhere?
No, all processing is local on your machine; the photos are not sent to a server.
Can I use it without the agent, via CLI only?
Yes, there is a deterministic CLI: npx draw-your-font make photo.jpg with the characters and a name; no AI needed.
How is draw-your-font different from online handwriting font services?
The skill makes a font from your handwriting photo: the agent finds letters in the image, marks them and judges quality while a CLI handles the geometry. The output is ttf, woff and woff2 files. All processing is local.
Where does the handwriting photo go and how do I install the skill?
Processing is local, and the photo goes nowhere except to your agent model, which marks the letters from the image. Install with npx skills add danilo-znamerovszkij/draw-your-font, a skill for Claude Code.
Discussion
No questions or reviews yet.
Related
SkillsA skill turns an image into a postage stamp with a perforated edge and transparent background, and tiles stamps into a sheet.
A skill that generates one-ink and two-ink editorial posters: paper substrate, halftone, negative space and restrained type
A Codex skill that redraws your photo as a watercolor illustration on white paper, with wide margins and a handwritten caption
A Codex skill that turns a photo into an archive collage: the original shot beside paper with a hand-pressed stamp.
Codex skill that turns a portrait, photo or text description into a retro illustration in the style of an early CRT interface.
A Codex skill that turns a photograph into a vertical composition with an abstract memory panel and an English title
README in short
The README describes a Claude Code skill and a CLI that build a font from a handwriting photo. The skill installs with npx skills add, you hand the agent a photo, it labels the letters, and the npm package assembles the font. There is also a deterministic CLI with template, segment, build, make and preview commands and refinement flags. It supports ttf, woff, woff2 and a font-face snippet. Everything runs locally without FontForge or external binaries and needs Node 18 or newer. MIT licensed.
README badge
Original 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.