qt-ui-design — скилл для Claude Code: что делает и как установить
Скилл для ИИ-агентов, который проводит через проектирование и аудит интерфейсов Qt/QML, веба и встраиваемых панелей: раскладка, навигация, контраст, размеры целей нажатия.
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a claude-codeЧто делает qt-ui-design
Скилл включается, когда агенту нужно нарисовать экран или разобрать чужой интерфейс для Qt/QML, веб-приложения и плат на MPU или MCU. До первой строчки разметки он сверяет семь вещей: платформа, форма экрана, разрешение и DPI, дизайн-система, приоритет контента, расстояние до глаз, локаль и методы ввода. Спрашивает только то, чего нет в разговоре или репозитории. Если ответа не нашлось, агент берёт разумное умолчание Qt и называет его вслух, чтобы его можно было поправить.
Принципы вроде закона Хика, близости элементов и обратной связи за 400 мс применяются молча, без допроса по каждому пункту. Для анимации заданы бюджеты: мелкие элементы 100–150 мс, карточки 200–300 мс, переходы экранов 300–400 мс. Из стилей Qt Quick Controls скилл советует Basic, Fusion, Imagine, Material, Universal, iOS или FluentWinUI3.
Стили iOS и FluentWinUI3 требуют Qt 6.7 или новее, поэтому на более старой ветке агент предложит другой вариант. Правки вроде «передвинь кнопку вправо» чек-лист не запускают. Для аудита готового дизайна есть отдельный раздел, а на MCU часть десктопных умолчаний отменяется.
Какие задачи решает
- Спроектировать экран настроек, когда про устройство известно только расстояние до оператора
- Проверить контраст и размеры целей нажатия в готовом макете
- Подобрать стиль Qt Quick Controls под Material Design 3 в проекте
- Разложить приоритеты контента на экране, где всё кажется важным
- Назначить длительность анимации для появления карточки и перехода между экранами
Примеры запросов агенту
- Спроектируй экран настроек для Qt Quick на панели, зритель стоит примерно в 1.5 м
- Проведи аудит этого QML-макета: контраст, цели нажатия, навигация
- Нужна навигация для приложения на Qt 6.x с поддержкой RTL
Как установить qt-ui-design
1Через Skills CLI (Vercel)
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a claude-code2Вручную: положить файлы
~/.claude/skills/qt-ui-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/qt-ui-design/
1Через Skills CLI (Vercel)
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a codex2Вручную: положить файлы
.agents/skills/qt-ui-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a cursor2Вручную: положить файлы
.cursor/skills/qt-ui-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install TheQtCompanyRnD/agent-skills qt-ui-design2Вручную: положить файлы
.github/skills/qt-ui-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/TheQtCompanyRnD/agent-skills --path skills/qt-ui-designВручную: положить файлы
.devin/skills/qt-ui-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о qt-ui-design
Как установить qt-ui-design в Claude Code?
Выполните npx skills add TheQtCompanyRnD/agent-skills --skill qt-ui-design -a claude-code, после чего файл скилла окажется в ~/.claude/skills/qt-ui-design/SKILL.md.
Что делает qt-ui-design?
Сначала прогоняет семь пунктов контекста: платформа, форма и размеры экрана, дизайн-система, приоритет контента, расстояние до экрана, локаль и ввод. Потом раскладывает экран по принципам восприятия либо разбирает существующий макет на контраст и цели нажатия.
Какая версия Qt нужна для работы скилла?
Скилл рассчитан на Qt 6.x. Стили iOS и FluentWinUI3 в его рекомендациях требуют Qt 6.7 или новее, на более старой ветке останутся остальные стили Qt Quick Controls.
