Repository navigation
Glyph kit 0.1.0
First public release.
- 45 kinds of figure in 8 areas: research data, experiments and metrics, UX flows, planning, wireframes, design system, handoff and QA, motion. Drawn by code from a small JSON spec, not by the model.
- 6 moving diagrams: rework loop, funnel, state machine, work queue, staged rollout and loading sequence, as one HTML page that plays, or a still for docs.
- Exports: text, Markdown, MDX (static, or components for Astro and React), HTML prototypes, presentable decks, A4 reports as PDF, SVG and PNG. Four palettes.
- Design-system map: the agent builds screens with your real components and tokens.
- Data guardrails: no source, no numbers; made-up data is stamped SAMPLE DATA in every format; data read from CSV or JSON files; each kind refuses data that can't be true.
- Token guardrails: pass specs, not drawings;
--compactplain ASCII for model context; a token estimate and a warning when text likely costs more than an image. - Layout rules and a checker: measured characters, closed frames, padding inside boxes, one line height, a density scale.
- Install as a Claude Code plugin, with
npx skills add, or by copying the folder for Claude Code or Codex.
Install
- Any agent:
npx skills add alextraykov/glyph-kit - Claude Code:
/plugin marketplace add alextraykov/glyph-kit, then/plugin install glyph-kit@traykov - By hand: unzip
glyph-kit-0.1.0.zipinto~/.claude/skills/(Claude Code) or~/.agents/skills/(Codex).