Draw Your Font Skill：把手写字迹一键变成可安装字体的 Claude 工具

想把你的手写笔迹变成真正的字体吗？Draw Your Font 这个 Claude Code Skill 让这件事变得前所未有的简单——拍张照，Claude 自动识别字母、构建字体、生成可安装的 TTF/WOFF/WOFF2 文件，全程在本地运行，不需要任何服务器或付费订阅。它解决的是一个真实痛点：Calligraphr 这类服务月费 8 美元，而 Draw Your Font 用 AI 替代人工编辑，所有处理都在你自己的机器上完成。

功能与原则

Draw Your Font 核心功能是将手写字母的照片转化为可安装的字体文件，支持 TTF、WOFF、WOFF2 三种格式，并附带可直接嵌入网站的 CSS @font-face 代码包。

设计原则方面，项目明确提出「AI 从不绘制字母」——AI 仅负责三件事：定位字母、标注类别、判断质量。真正的矢量化工作由 potrace（FontForge 和 Inkscape 同一引擎）完成。这意味着字体保真度由算法保证，而非 AI 生成的不确定性。另外强调隐私：你的笔迹照片永远不会离开本地机器。

认可度

• GitHub Star：379（截至 2026-07-27），上线仅 5 天
• GitHub Fork：33
• 创建时间：2026-07-22，属于极新仓库
• 安装量：支持 Claude Code /plugin marketplace、npx skills 全平台分发，触达 50+ agent 宿主

链接

GitHub：https://github.com/danilo-znamerovszkij/draw-your-font

原作者

danilo-znamerovszkij（GitHub 个人仓库），专注 CLI 工具与设计工作流自动化，目前热度主要来自 Claude Code 社区和 GitHub Trending 曝光。

介绍

Draw Your Font 起源于一个朴素的疑问：为什么把手写字变成字体这么难？Calligraphr 这类服务要收费，原因在于它们需要服务器和浏览器编辑器来处理用户上传的图片。而 Draw Your Font 把这个流程完全倒过来——你的电脑完成所有计算，Claude Code 充当智能编辑器，负责感知和判断。

使用流程极度简洁：先用 /draw-your-font template 打印一张字母表 PDF 模板，用深色笔手写后拍照，然后把照片拖进 Claude Code 终端，说「把我的笔迹做成字体」。Claude 会自动分割字母照片、用视觉模型标注每个字符、调用 potrace 矢量化、构建字体文件并生成预览。如果某个字母效果不好，可以直接说「r 这个字母不好看，帮我重做」，它会展示裁剪区域并修复，必要时让你重新拍摄特定字母。

最关键的技术细节是度量（metrics）步骤：每个字符都被放入同一个 1000 单位 em square 中，按固定规则对齐（cap height、x-height、descender depth），所以输出的是真正「像字体」的成品，而不是拼贴感十足的剪贴画。

特点

• 本地运行，隐私无忧：照片和字体完全在本地处理，不上传任何服务器
• 多格式输出：同时生成 TTF（桌面安装）、WOFF、WOFF2（网页使用）及完整 CSS @font-face 代码包
• 免费开源：MIT 协议，商业使用也无限制，完全不收费
• 多宿主支持：Claude Code、Codex、Cursor、Copilot、Gemini CLI 等 50+ agent 工具均通过 npx skills 安装
• 零系统依赖：纯 npm 包，不需要安装 ImageMagick、FontForge 或 potrace 二进制文件

使用方法

安装（Claude Code）：

/plugin marketplace add danilo-znamerovszkij/draw-your-font

安装（其他 agent 工具）：

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

基本调用：

/draw-your-font "把照片做成我的字体" （将照片拖入终端）

也可以不使用 agent，直接用 CLI：

# 打印模板
npx draw-your-font template -o template.pdf --charset minimal

# 拍照后构建字体
npx draw-your-font make page1.jpg page2.jpg --name "MyHand"

可用参数：--smooth 0..2（曲线圆度）、--weight=-2..2（字重）、--formats ttf,woff,woff2,css。

使用场景与人群

• 设计师：需要个人手写风格字体用于品牌物料、签名、包装
• 内容创作者：为视频、博客定制专属手写字体，避免通用字体缺乏个性
• 小型商家：制作带有店主手写风格的菜单、标签，无需设计基础
• LLM/AI 工具用户：将 Skill 作为 Claude Code 能力扩展，探索本地 AI 设计工作流

输入与输出案例

案例一：制作个人手写字体

输入：一张手写字母表照片（包含 A-Z、a-z）

/draw-your-font "turn this photo of my handwriting into a font" （拖入 photo.jpg）

Claude 自动处理后，输出：
– MyHand.ttf — 可双击安装到 macOS/Windows
– MyHand.woff2 — 网页使用，含 @font-face CSS
– 预览图：render 任意文字看字体效果

案例二：局部优化

"the g looks bad, can you redo it?"
"make it rounder and a bit bolder"
"give me woff2 + css for my website"

Claude 展示问题字母的裁剪区域，用户确认后重新生成或自动修复。最终交付带 CSS 的完整 web font 包。

GitHub: https://github.com/danilo-znamerovszkij/draw-your-font