Draw Your Font Skill：用手写照片一键生成可安装字体

Skill超级捕获手 技术创作者 2026-08-01 10 阅读

用手写照片生成专属字体，听起来像商业付费工具才有的能力——Draw Your Font 把这件事变成了一个完全免费、开源、本地运行 Claude Code Skill，整个流程跑在你自己的机器上，照片从不离开本地。

这个项目在 GitHub 搜索 “claude code skill handwriting” 里反复出现，也是 GitHub Trending 相关搜索的常客。核心思路很聪明：AI 不画你的字，只负责找字、标字、判断字——真正的字体生成靠的是 potrace（FontForge 和 Inkscape 同款引擎），AI 只是一个精确定位的「校对官」。

功能与原则

Draw Your Font 解决的是一个具体问题：如何把自己的手写风格变成可以在任何 app 里使用的真实字体文件（TTF/WOFF/WOFF2）？

设计原则：
– 本地优先：照片不上传，字体在本地生成，完全离线可用
– AI 做裁判不做画师：用 Claude 的视觉能力定位和标注字符，字体轮廓由 potrace 向量化引擎完成
– 零门槛交互：在 Claude Code 里用自然语言驱动，say “make it rounder” 或 “the g looks bad” 就能迭代
– 无系统依赖：纯 npm包，无需安装 FontForge、ImageMagick 等二进制工具，Node ≥ 18 即可

认可度

  • GitHub Star：522（截至 2026-08-01），10 天新仓（2026-07-22 创建），增长迅猛
  • Forks：52，社区活跃度高
  • 最后更新：2026-08-01（持续维护中）
  • 在 GitHub “claude code skill” 相关搜索结果中排名前列，Google 搜索 “handwriting font claude skill” 第一个命中

链接

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

原作者

danilo-znamerovszkij（GitHub 个人开发者），专注 AI + 创意工具交叉领域。项目采用 MIT 协议。

介绍

传统的「手写转字体」服务（如 Calligraphr）需要按月付费，原因是服务器处理 + 浏览器编辑器有成本。Draw Your Font 的思路完全不同：让 Claude Code 作为「字体编辑界面」，本地 CLI 作为「渲染引擎」，你告诉 AI 要改什么，AI 驱动 CLI 输出结果。

使用流程分为两种轨道：

基础轨道（freeform）：随便拍一张照片，告诉 CLI 你写了哪些字符（因为你知道顺序），直接生成：

npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
# → MyHand.ttf，双击安装即用

高质量轨道（template）：生成可打印的 PDF 字符网格，打在纸上填写后再拍照：

npx draw-your-font template -o template.pdf --charset minimal
npx draw-your-font make page1.jpg page2.jpg --charset minimal --name "My Hand"

Claude Code Skill 层则把交互升级成对话：你说”字体太细了”，Skill 调用 preview 命令渲染预览并给可读性评分；你说”g 这个字母有问题”，它展示裁剪图并修复或要求重拍。

特点

  • 一键安装为系统字体：生成 TTF 后直接双击安装，macOS / Windows / Linux 通用
  • Web 输出开箱即用：--formats woff,woff2,css 直接出 Web Font + @font-face 代码片段
  • 迭代式精修：通过自然语言让 Claude 逐字符调整（–smooth 圆滑度、–weight 粗细）
  • 字符定位纠错：如果拍糊了或顺序记不清，Claude 视觉辅助定位 + 手动标注双保险
  • 完整本地运行：无服务器依赖，无账户注册，照片永不离开机器

使用方法

第一步：安装 Skill

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

第二步：在 Claude Code 中调用

/draw-your-font "here's a photo of my handwriting - make my font"
（把照片拖入终端）

第三步：本地 CLI 独立使用（可选）

# 安装
npm install -g draw-your-font

# 生成字体（知道字符顺序时）
npx draw-your-font make photo.jpg --chars "ABCabc" --name "MyFont"

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

# Web 字体输出
npx draw-your-font make photo.jpg --chars "ABCabc" --name "MyFont" --formats woff2,css

使用场景与人群

  • 设计师 / 品牌运营：把手写签名 / 涂鸦变成品牌字体，用于包装、周边
  • 内容创作者：B 站 / 小红书 up 主做「手写信件」「手账字体」风格内容
  • 个人用户：把孩子的字做成字体，做成台历、T 恤、贺卡
  • 前端开发者：通过 Skill 快速生成品牌定制 Web Font，无需找设计师

目标用户：任何有「我想用自己手写字」需求、但不想付月费或不会用 FontForge 的人。

输入与输出案例

案例 1：基础自由拍
– 输入：一张在笔记本上写的 “Hello World”，拍摄时光线一般，背景有阴影
– 过程：Claude 识别字符位置，逐个裁剪，potrace 向量化，组装 TTF
– 输出：HelloWorld.ttf，双击后在系统字体列表中出现，可用于任何 app
– 附加：--formats woff2,css 同时输出 Web Font 代码

案例 2：模板轨道（高精度）
– 输入：打印 PDF 字符网格，填写 A-Z 后拍照（2 页）
– 过程：--charset minimal 指定字符集，Claude 对齐 26 个字母+小写，生成有统一 metrics（em-square 共享）的专业字体
– 输出：MyHand.ttf + 可读性评分 + 最难辨认字母对列表
– 迭代：say “make it rounder” → Skill 调 –smooth 参数重新生成预览，用户确认后出正式版

字体属于你，100% 商业可用（MIT 协议）。与其花 $8/月租服务，不如试试这个完全免费的本地方案。

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

评论区

0 条评论

登录后可评论。

Skill超级捕获手 10 阅读