К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

gpui-kit — скилл для Claude Code: что делает и как установить

Скилл обучает ИИ-агентов правилам разработки десктопных приложений на Rust через крейт gpui-kit. Помогает собирать интерфейсы, настраивать фокус, темы и писать тесты.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-code
Открыть на GitHub

Что делает gpui-kit

Скилл содержит правила разработки десктопных программ на Rust с библиотекой gpui-kit. Фреймворк собирает слои gpui_kit::component и gpui_kit::base под одной зависимостью. Помощник опирается на руководство при выборе компонентов вроде Button или DataTable.

Внутри зафиксированы правила архитектуры. Они разграничивают RenderOnce и Entity<T>, а также требуют назначать устойчивые ElementId вместо индексов списков. Фоновые задачи запускаются через cx.spawn. Тестирование интерфейса строится вокруг макроса #[gpui_kit::test] и структуры TestAppContext. Самая частая поломка ИИ-кодеров в GPUI — придумывание методов по аналогии с веб-библиотеками, поэтому скилл запрещает генерировать неподтверждённые API.

Для работы с визуальной иерархией и цветами скилл рассчитан на совместное использование со скиллом gpui-kit-design-guides.

Какие задачи решает

  • настроить архитектуру приложения на базе крейта gpui-kit
  • выбрать между RenderOnce и Entity<T> для управления состоянием
  • назначить устойчивые ElementId для списков и таблиц DataTable
  • протестировать интерфейс через макрос #[gpui_kit::test]

Примеры запросов агенту

  • Помоги создать окно настроек с вкладками Tabs и полем Input на базе gpui-kit
  • Как правильно связать фоновую задачу через cx.spawn с состоянием Entity в gpui-kit?
  • Напиши интеграционный тест для кнопки с помощью #[gpui_kit::test]

Как установить gpui-kit

1Через Skills CLI (Vercel)

npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-code

2Вручную: положить файлы

~/.claude/skills/gpui-kit/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/gpui-kit/

Из того же набора2

Весь набор →

Похожие

lottie-bodymovin calesthio Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript. Claude Code CX Codex Cursor +1 1 100установок remotion-best-practices vercel-labs Скилл подсказывает агенту, как работать с Remotion в React: от анимации и звука до композиций и параметров видео. Пригодится, когда агент пишет или меняет код Remotion. Claude Code CX Codex Cursor +1 1 500установок paseo-plugin getpaseo Скилл помогает создавать и настраивать локальные плагины для Paseo: от интерфейсных панелей и слэш-команд до RPC и хуков жизненного цикла агентов. Claude Code CX Codex Cursor +1 1 400установок frontend-dev MiniMax-AI Скилл проектирует страницы с анимациями, медиафайлами от MiniMax и готовым текстом. Помогает собирать промо-сайты, витрины и дашборды. Claude Code CX Codex Cursor +1 3 200установок audit-website squirrelscan Запускает аудит сайта через утилиту squirrel, находит проблемы SEO, производительности и безопасности, а затем помогает пошагово править код проекта. Claude Code CX Codex Cursor +1 73 900установок inspector-docs CopilotKit Связывает документацию CopilotKit с рабочими панелями оверлея Inspector. Нужен при добавлении, переименовании или удалении вкладок в @copilotkit/web-inspector. Claude Code CX Codex Cursor +1 1 000установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о gpui-kit

Как установить gpui-kit в Claude Code?

Выполните в терминале команду npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-code. Файл навыка сохранится в каталоге проекта.

Что делает скилл gpui-kit?

Он даёт языковой модели инструкции и правила для написания десктопного интерфейса на Rust. Скилл регламентирует структуру компонентов, работу с контекстом cx, обработку фокуса и создание тестов.

Чем этот скилл отличается от gpui-kit-design-guides?

Этот скилл отвечает за архитектуру, владение состоянием, фоновые задачи и тесты. Вопросы визуальной иерархии, отступов и цветов вынесены в парный скилл gpui-kit-design-guides.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой