Skip to content

Glyph kit 0.1.0

Choose a tag to compare

@alextraykov alextraykov released this 19 Oct 06:15
· 100 commits to main since this release

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; --compact plain 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.zip into ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex).