pretext-text-measurement — скилл для Claude Code: установка
Помогает рассчитывать высоту строк и перенос многострочного текста без обращения к DOM и вызова перерисовок страницы.
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a claude-codeЧто делает pretext-text-measurement
Скилл обучает ИИ-агента применять библиотеку @chenglou/pretext для быстрого расчёта габаритов текста в TypeScript и JavaScript. Вместо чтения свойств offsetHeight или вызовов getBoundingClientRect, провоцирующих принудительную перерисовку страницы, геометрия надписей вычисляется через предварительную подготовку срезов и чисто арифметический перенос строк.
Работа строится на разделении операций. Функция prepare нормализует пробелы и один раз замеряет фрагменты шрифта, а функция layout подбирает переносы по ширине контейнера на основе сохранённых ширин. Метод подходит для виртуализированных списков и отрисовки надписей в canvas.
Для работы кода требуется установить в проект зависимость @chenglou/pretext через пакетный менеджер.
Какие задачи решает
- Рассчитать высоту абзаца без обращения к DOM
- Разбить текст на строки для отрисовки в canvas
- Вычислить высоту элементов перед добавлением в виртуализированный список
- Сверстать обтекание текстом блока с картинкой
Примеры запросов агенту
- Помоги рассчитать высоту текстового блока через библиотеку pretext без вызова reflow
- Напиши функцию разбиения строки на фрагменты для рисования в canvas с помощью pretext
- Покажи, как рассчитать высоту строк для виртуального списка через prepare и layout
Как установить pretext-text-measurement
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a claude-code2Вручную: положить файлы
~/.claude/skills/pretext-text-measurement/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/pretext-text-measurement/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a codex2Вручную: положить файлы
.agents/skills/pretext-text-measurement/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a cursor2Вручную: положить файлы
.cursor/skills/pretext-text-measurement/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills pretext-text-measurement2Вручную: положить файлы
.github/skills/pretext-text-measurement/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/pretext-text-measurementВручную: положить файлы
.devin/skills/pretext-text-measurement/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о pretext-text-measurement
Как установить pretext-text-measurement в Claude Code?
Выполните команду npx skills add reason-machines/trending-skills --skill pretext-text-measurement -a claude-code. Файл навыка сохранится в каталоге ~/.claude/skills/pretext-text-measurement/SKILL.md.
Зачем нужен скилл pretext-text-measurement?
Он обучает агента алгоритмам пакета @chenglou/pretext для быстрого расчёта геометрии текста без перерисовки страницы. Это позволяет вычислять высоту абзацев и делить строки до вставки в DOM.
Нужен ли доступ к браузерному DOM для расчётов?
Прямой доступ к элементам DOM не требуется, так как вычисления выполняются на основе шрифтовых метрик через вызовы prepare и layout. Для запуска примеров в проект понадобится добавить библиотеку @chenglou/pretext.
