slug-font-rendering — скилл для Claude Code: обзор и установка
Помогает перенести рендеринг векторных шрифтов на GPU с помощью шейдеров алгоритма Slug. Избавляет от текстурных атласов при отрисовке глифов.
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a claude-codeЧто делает slug-font-rendering
Скилл содержит эталонную реализацию алгоритма Slug на языке HLSL. Отрисовка глифов TrueType и OpenType происходит прямо во фрагментном шейдере, где кривые Безье вычисляются аналитически. Подход даёт чёткие контуры на любых масштабах без использования растровых атласов.
В набор входят файлы slug.hlsl, band.hlsl и curve.hlsl. Шейдеры считают аналитическое покрытие пикселя и делят глиф на горизонтальные полосы для ускорения перебора кривых. Решение работает с D3D11, D3D12, Vulkan или Metal через трансляцию шейдеров.
Без предварительной подготовки шрифтов на CPU шейдер работать не сможет. Контуры символов нужно заранее разбить на квадратичные кривые Безье и загрузить в буфер видеокарты.
Какие задачи решает
- отрисовывать векторный текст на GPU без текстурных атласов
- настроить фрагментный шейдер для расчёта покрытия глифов кривыми Безье
- оптимизировать выборку кривых с помощью полос (band optimization)
- интегрировать алгоритм Slug в графический конвейер DirectX или Vulkan
Примеры запросов агенту
- Покажи, как интегрировать шейдер
slug.hlslво фрагментную стадию пайплайна D3D12 - Напиши функцию на C++ для разбивки контуров шрифта TTF в буфер кривых под алгоритм Slug
- Как оптимизировать проверку пересечений с помощью
band.hlsl?
Как установить slug-font-rendering
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a claude-code2Вручную: положить файлы
~/.claude/skills/slug-font-rendering/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/slug-font-rendering/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a codex2Вручную: положить файлы
.agents/skills/slug-font-rendering/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a cursor2Вручную: положить файлы
.cursor/skills/slug-font-rendering/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills slug-font-rendering2Вручную: положить файлы
.github/skills/slug-font-rendering/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/slug-font-renderingВручную: положить файлы
.devin/skills/slug-font-rendering/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill slug-font-rendering -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о slug-font-rendering
Как установить slug-font-rendering в Claude Code?
Выполните команду npx skills add reason-machines/trending-skills --skill slug-font-rendering -a claude-code.
Что делает этот скилл?
Он предоставляет справочный код шейдеров HLSL для интеграции векторного рендеринга шрифтов Slug в графические пайплайны.
Какие данные требуются шейдерам Slug на входе?
На стороне CPU необходимо разбить контуры глифов на отрезки и квадратичные кривые Безье. Полученные координаты и метаданные полос передаются в шейдер через буфер GPU.
