Hotwire Club Skills — плагин
Шесть скиллов по Hotwire для Claude Code: Turbo Frames и Streams, формы, пагинация, медиа и контроллеры Stimulus с примерами
- 153 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы содержат справочные материалы и ничего не запускают
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/hotwire-club-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы содержат справочные материалы и ничего не запускают
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Hotwire Club Skills — набор из шести тематических скиллов по Hotwire (Turbo и Stimulus), извлеченных из базы знаний Hotwire Club. Каждый скилл состоит из SKILL.md, настроек agents/openai.yaml и папки `references` с разобранными примерами. `hwc-ux-feedback` учит индикаторам загрузки, прогрессу, оптимистичному интерфейсу и плавным переходам. `hwc-forms-validation` охватывает отправку форм, встроенное редактирование, проверку на лету, подсказки при вводе, модальные окна и внешние элементы формы. `hwc-navigation-content` занимается пагинацией, ленивой загрузкой, поиском, фильтрами, вкладками и жизненным циклом кэша Turbo Drive. `hwc-realtime-streaming` отвечает за WebSocket, живые данные, собственные действия Turbo Streams и синхронизацию состояния. `hwc-media-content` работает с изображениями, видео, аудио, загрузкой файлов и сторонними библиотеками. `hwc-stimulus-fundamentals` разбирает контроллеры Stimulus: хуки жизненного цикла, значения, цели, `outlets` и события. Скрипт scripts/sync-references.rb обновляет справочные материалы из базы знаний.
Для кого. Разработчикам на Rails и других бэкендах, которые строят интерфейс на Turbo и Stimulus и пишут код с ИИ-агентом.
Подходит, если
- Форма с проверкой на лету и подсказками при вводе на Turbo Frames
- Бесконечная лента, ленивая загрузка и вкладки без перезагрузки страницы
- Живые обновления через Turbo Streams и WebSocket
- Контроллер Stimulus с целями, значениями и `outlets`
Не подходит, если
- Проект на React или Vue без Hotwire: скиллы про другой подход
- Нужна справка по полному API Turbo: скиллы дают паттерны, справочником они не служат
- Нужен общий скилл по Rails: набор покрывает только Hotwire
Пример запроса к агенту
Используй `hwc-forms-validation` и сделай форму с проверкой адреса почты на лету через Turbo FramesОграничения
Материалы взяты из базы знаний Hotwire Club, часть актуальных уроков доступна по платной подписке автора на Patreon. Скиллы выдают паттерны и примеры, а совместимость с вашей версией Turbo и Stimulus проверяйте сами. Содержимое `references` собрано из уроков за разные годы, с 2023 по 2026, поэтому API и приемы старых примеров сверяйте с версией Turbo и Stimulus в вашем проекте. Для разных приемов в references встречаются примеры на Rails и на чистом JavaScript, поэтому часть кода придется переносить на ваш бэкенд.
Как отключить. Выполните `npx skills remove` с именем скилла (например `hwc-ux-feedback`) или удалите папки `hwc-*` из ~/.claude/skills.
Частые вопросы
Какие темы покрывают скиллы?
Шесть: отклик интерфейса, формы и проверка, навигация и контент, реальное время и потоки, медиа, основы Stimulus. Названия начинаются с `hwc-`.
Как поставить только один скилл?
Добавьте флаг --skill, например npx skills add TheHotwireClub/hotwire_club-skills --skill `hwc-ux-feedback`. Список доступных покажет флаг --list.
Работают ли скиллы в Cursor?
Да, с любым редактором, читающим формат скиллов: npx skills add принимает несколько агентов через повторяющийся флаг -a. Для ручной установки скопируйте папки из skills/ в каталог скиллов вашего редактора.
Что внутри каждого скилла?
Файл SKILL.md, настройки agents/openai.yaml и папка `references` с разобранными примерами по теме, у которой есть свой INDEX.md.
Как поставить скиллы вручную в Claude Desktop?
Скопируйте или свяжите симлинком папки skills/hwc-* в ~/.claude/skills (на Windows %USERPROFILE%\.claude\skills) и перезапустите Claude Desktop.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Плагины35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.
julianromli/ai-skills
ai-skills
Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация
Скилл для Claude Code, Cursor и Codex: ставит виброотклик в мобильный веб через библиотеку web-haptics по правилам Apple HIG
Сборник скиллов Claude Code по копирайтингу, рекламе, SEO и дизайну интерфейсов: Ogilvy, редактура, правила и CSS-приемы.
Скиллы по фронтенд-стеку Symfony UX: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map с примерами и типовыми ошибками
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Hotwire Club Skills (эта карточка) | нет | 153 | |
| Layered Rails Skills | нет | 479 | слоистая архитектура Rails, интерфейса на Hotwire тут нет |
| my-skills от akitaonrails | нет | 302 | личный набор скиллов, где Hotwire не центральная тема |
Коротко о README
README перечисляет шесть скиллов с темами, объясняет установку через npx skills (в том числе в несколько агентов), ручную установку в Claude Desktop и копирование для Cursor и других редакторов. В начале автор приглашает поддержать проект на Patreon.