claude-skill

draw-your-font – Convert Handwritten Samples into Custom Web Fonts

Name: draw-your-font – Convert Handwritten Samples into Custom Web Fonts
Author: danilo-znamerovszkij

Create a true TTF/WOFF/WOFF2 font from a photo of your handwriting using a simple Node CLI and Claude skill. Ideal for founders who need a unique brand typeface without uploading data.

From the repo · “Turn a photo of your handwriting into a real font (TTF/WOFF/WOFF2) - free, open source, no uploads. Node CLI + Claude Code skill.”

831 stars+11★ this week77 forksJavaScriptGuide quality 8/10 · reviewed Oct 19Updated 8/5/2026100% free · open source

What it does

Turns a photo of your handwriting into a real font file (TTF, WOFF, or WOFF2) using a Node CLI and Claude Code skill without requiring any uploads

When to use it

•You need a custom font for your brand that matches your handwriting
•You want to create a unique font for a design project without hiring a professional typographer
•You need to digitize a handwritten font for use in digital media, such as e-books or websites

Ready-to-paste prompt

draw-your-font -i handwriting.png -o myfont.ttf --charset latin

Heads up: The input image must have a specific format, with each character in a separate numbered box, in order for the tool to correctly detect and generate the font

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/draw-your-font && curl -fsSL https://workflowstacks.com/api/skills/draw-your-font/claude-skill -o ~/.claude/skills/draw-your-font/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How draw-your-font – Convert Handwritten Samples into Custom Web Fonts works

Codeflow

Free to inspect

Draw-your-font – Convert Handwritten Samples into Custom Web Fonts is a small JavaScript project (~1.3k lines across 15 code files, plus 1 test files). There is nothing to install. Last commit 3 months ago, MIT license, has a test suite.

Size

Small codebase

~1.3k lines · 15 code files · 11 min skim

Setup

Mostly no-code

Prompt files plus a few small helper scripts.

Runs on

Inside your AI tool

Helper scripts use Node.js

JavaScript 76%HTML 24%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/cli.js
Where the program starts running

What's in each folder

src/Core code — the actual logic12 files

skills/Prompts, skills & agent definitions3 files

site/Frontend / UI7 files

site-redirect/Folder1 files

.claude/Editor / agent settings1 files

.github/CI / automation (GitHub Actions)1 files

assets/Images & static assets1 files

test/Tests — proof it works1 files

READMEHas testsThin docsCI checksMIT licenseUpdated 3 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/draw-your-font && curl -fsSL https://workflowstacks.com/api/skills/draw-your-font/claude-skill -o ~/.claude/skills/draw-your-font/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

danilo-znamerovszkij

Language

JavaScript