alextraykov/glyph-kit
81 stars · Last commit 2026-11-05
Product-design figures as text: research, flows, wireframes, plans and motion in four shades and a few lines. A skill for Claude Code and Codex.
README preview
<p align="center"><img src="docs/readme/mark.svg" width="112" height="56" alt=""></p>
# Glyph kit
**Get the point across clearly, cheaply, in an aesthetic that doesn't date.**
<p align="center"><a href="https://glyph-kit.traykov.cc"><img src="docs/readme/hero.png" alt="The Glyph kit site: the name in Departure Mono, the install commands, and a moving rework loop drawn in block characters." width="100%"></a></p>
A skill for Claude Code and Codex that draws product-design work in four shades and a few lines: research results, funnels and tests, flows, roadmaps, wireframes, design-system docs, handoff checklists, motion specs and moving diagrams. The agent writes a small spec, and code draws the figure, so the bars always match their numbers. The same spec becomes Markdown for a PR, a deck you present, a report as a PDF, an SVG for a slide, or a prototype built with your design system.
```text
┌─────────────────┐
│ open export │
└────────┬────────┘
│
▼
┌┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┐ ┌─────────────────┐
┆ has data? ├─── no ───►│ empty state │
└┄┄┄┄┄┄┄┄┬┄┄┄┄┄┄┄┄┘ │ → import data │
│ yes └─────────────────┘