muriel

muriel — скилл нового поколения для визуального производства в LLM — создан для агентной эры и опирается на полную историю дизайна, которую наследует. Дюжина каналов рецептов использования инструментов: десять выходных каналов (растр, SVG, веб, интерактив, видео, терминал, визуализация плотности, gaze, наука, инфографика) плюс два кросс-канальных справочника (размеры, стайл-гайды) — двухуровневая схема brand-токенов с поддержкой движения, антипаттерны для каждого канала, многоограничительный решатель, применяющий контраст 8:1 и OLED-палитру во время рендеринга, и агент-критик на основе vision-модели, опирающийся на исследования Tufte / Bertin / Gestalt / Reichle / scanpath.

«Новое поколение» — это инструменты: LLM-native формат скилла, критика через vision-модель, brand-токены, живые во время рендеринга, движение как поле схемы первого класса, адаптеры движков для Pillow / Flux / pretext / ffmpeg / Playwright. «Опора на историю» — это принципы: Visible Language Workshop Купера (дань уважения ниже), дисциплина data-ink Tufte, ранжирование ретинальных переменных Bertin, группировка Gestalt, макет CRAP, E-Z Reader Reichle, паттерны scanpath из науки о зрении. Новые инструменты служат старым принципам; ни одно не заменяет другое.

Один файл скилла (SKILL.md) обучает агента Claude Code генерировать любой визуальный артефакт, который выпускает исследователь-дизайнер-инженер, — из текстовых исходников, которые diff-ятся в git и воспроизводятся из данных. Ограничительная дисциплина (контраст 8:1, OLED-палитра, одна типографская обработка, сгенерированное > нарисованного, воспроизводимое > одноразового) остаётся живой во время рендеринга: brand-токены парсятся, контраст аудируется, размеры применяются — не как линтинг постфактум, а как часть самого акта создания.

Дочерние проекты — замените на свои любимые

muriel является прародителем marginalia (редакционные выноски и журнальные макеты, упоминаются в channels/web.md) и iblipper (кинетическая типографика и анимация эмоционального словаря, упоминается в vocabularies/kinetic-typography.md). Оба выросли из той же ограничительной дисциплины и поставляются как дефолты, потому что настроены проходить правила muriel из коробки.

Это дефолты, а не требования. Ограничительная дисциплина — контраст 8:1, OLED-палитра, одна типографская обработка, brand-токены живые во время рендеринга — это основа. Конкретные библиотеки — это предпочтения. Замените на свою любимую редакционную библиотеку, движок кинетической типографики, рендерер графиков, загрузчик стайл-гайдов, провайдер imagegen или растеризатор; мнения muriel касаются того, какие ограничения действуют, а не какая библиотека их применяет. В каждом документе канала указано, какую библиотеку он предполагает, и ни одно из этих предположений не является несущим при разумной замене.

Построен на / интегрируется с

Python-каналы

Редакционные

Интерактив / графика

Диаграммы / видео

Каналы

Десять выходных каналов, каждый со своим подфайлом в channels/:

• Растр (Pillow + typeset.py) — хранение ассетов, иконок, баннеров, логотипов, дизайнов скриншотов
• Вектор / SVG (svgwrite, cairosvg, Mermaid, Excalidraw) — фигуры для статей, диаграммы на основе данных, масштабируемые иконки, блок-схемы
• Веб (marginalia + Playwright + weasyprint) — посты в блог, выноски, журнальные макеты, захват DOM → PNG/PDF
• Интерактив (WebGL / Canvas / D3 / PixiJS) — живые демо с ползунками параметров
• Видео (ffmpeg + desktop-control + hyperframes) — демо продуктов, GIF-анимации, HTML → MP4 композиции
• Терминал (Unicode-графики через chart.py) — спарклайны, столбчатые диаграммы, таблицы
• Визуализация плотности (typeset.render_heatmap()) — тепловые карты фиксаций в стиле Tobii
• Gaze-графики — scanpath, пузырьковый scanpath, AOI-таймлайн, saccade rose, approach-retreat
• Наука (matplotlib + LaTeX + muriel.stats) — фигуры для статей, редакционные элементы ноутбуков, отчётность по APA
• Инфографика (детерминированный SVG) — одноизображенческие объяснители, 10 типов × паттерны макетов × палитры, безопасные для дальтоников

Плюс два кросс-канальных справочника, используемых каждым каналом:

• Размеры (channels/dimensions.md) — социальные карточки, форм-факторы устройств, уровни viewport, размеры бумаги, разрешения видео
• Стайл-гайды (channels/style-guides.md) — загрузка brand-токенов, применение палитры, типографские правила