alextraykov/glyph-kit

Glyph kit — это навык для Claude Code и Codex, который позволяет агенту рисовать фигуры продуктового дизайна с помощью текстовых символов. Он нужен дизайнерам и разработчикам, которым нужно быстро создавать схемы, вайрфреймы и диаграммы без графических инструментов.

Ключевые возможности

• Рисует фигуры в четырёх оттенках и нескольких линиях с помощью блочных символов
• Поддерживает исследования, воронки, флоу, роадмапы, вайрфреймы и анимации
• Генерирует спецификацию, по которой код рисует фигуру, обеспечивая соответствие данных и изображения
• Экспортирует результат в Markdown, PDF, SVG или прототип с вашей дизайн-системой
• Работает как навык для Claude Code и Codex, а также других агентов через npx skills add
• Имеет онлайн-конструктор для описания фигуры и просмотра результата в браузере

Для каких задач подходит

• Визуализация результатов юзабилити-тестирования для PR или отчёта
• Создание вайрфреймов интерфейсов, например настроек уведомлений
• Описание спецификаций анимации, включая режим уменьшенной анимации
• Построение воронок и метрик для презентаций или дашбордов
• Документирование дизайн-системы и чек-листов передачи в разработку

Подробнее

Glyph kit — это набор навыков для агентов Claude Code и Codex, который позволяет агенту создавать фигуры продуктового дизайна в текстовом виде. Агент пишет небольшую спецификацию, а затем код отрисовывает фигуру с использованием блочных символов и линий, что гарантирует соответствие числовых данных и их визуального представления. Это отличается от традиционных графических инструментов тем, что фигуры создаются программно и могут быть легко воспроизведены или изменены.

Инструмент поддерживает широкий спектр типов фигур: от исследовательских данных (шкала Лайкерта, темы, карточки цитат) до экспериментов и метрик (воронки, когорты, панели метрик), а также флоу, роадмапы, вайрфреймы, документацию дизайн-системы, чек-листы и спецификации анимации. Результат можно экспортировать в различные форматы: Markdown для PR, PDF для отчёта, SVG для слайда или прототип, собранный с вашей дизайн-системой. Для работы рекомендуется шрифт Departure Mono, который обеспечивает точное выравнивание символов, но подойдёт любой моноширинный шрифт, покрывающий необходимые символы.

Установка возможна через npx skills add для любого агента, через плагин для Claude Code или вручную путём распаковки архива в соответствующую директорию. Также доступен онлайн-конструктор, где можно описать фигуру и сразу увидеть результат без установки. Обратите внимание, что инструмент ориентирован на текстовое представление и не заменяет полноценные графические редакторы, но подходит для быстрого прототипирования и документации.