Brad Frost Skills

Навыки для дизайн-систем, продуктового дизайна и здоровых лимитов на ИИ: инспекция, токены, Storybook и потолки сессий.

  • 60 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Расширенный доступ

Почему такой уровень

  • Хуки лимитов блокируют вызовы инструментов агента, а навыки читают код проекта и обращаются к каталогу курсов в сети.
Все причины и проверки

bradfrost/skills

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/brad-frost-skills

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Хуки лимитов блокируют вызовы инструментов агента, а навыки читают код проекта и обращаются к каталогу курсов в сети.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Набор навыков Брэда Фроста разделен на три направления. Для дизайн-систем это `ds-inspection` (десять станций проверки), `ds-ai-rails` (как ИИ использует вашу систему, включая случаи, которых она не покрывает), `ds-adoption-plan` (план переноса интерфейса на дизайн-систему), `ds-token-architecture` (проверка токенов по трехуровневой схеме) и `ds-ascii` (набросок страницы в ASCII с привязкой областей к компонентам). Для продукта есть `product-inspection`, `vibe-killer`, `product-to-storybook` и `storybook-to-product`. Третье направление, здоровые лимиты на ИИ: `limits-setup` проводит короткое интервью, `limits-sessions` ставит дневной потолок сессий, `limits-quiet-hours` задает тихие часы, `limits-endings` просит агента заканчивать сессии определенно, `limits-energy` показывает оценку расхода энергии. В Claude Code потолок и тихие часы обеспечивают хуки.

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

Подходит, если

  • Надо проверить дизайн-систему по десяти станциям и понять, где она слабее всего.
  • Страницу, собранную вайбкодингом, нужно пересобрать из реальных компонентов и токенов.
  • Токены сверяют с трехуровневой архитектурой или строят лестницу заново.
  • Нужны дневной потолок сессий и тихие часы для работы с агентом.

Не подходит, если

  • Дизайн-системы в проекте нет, и навыки опираются на нее.
  • Нужны жесткие технические блокировки на каждой платформе: ограничения действуют по-разному.
  • Платные курсы автора не нужны: подсказки на уроки можно отключить.

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

Проведи нашу дизайн-систему через ds-inspection и покажи самые слабые станции с рекомендациями.

Ограничения

Лимиты полностью исполняют только хуки Claude Code, а на других платформах поведение отличается: потолок сессий и тихие часы блокируют вызовы инструментов, текстовые правила только рекомендательны. Автор прямо описывает, где технически не может обеспечить лимит. Навыки проверяют публичный каталог курсов и подсказывают подходящий урок, причем часть материалов платная, а сбой поиска работу не останавливает. Для интеграции с Figma и Storybook нужен доступ к ним.

Как отключить. Удалите установленные навыки из каталога навыков агента и хуки лимитов из настроек Claude Code, если включали потолок сессий и тихие часы.

Частые вопросы

Как поставить навыки Brad Frost?

Выполните `npx skills add bradfrost/skills -g -a claude-code`. Для других агентов замените флаг на `-a codex`, `-a cursor`, `-a github-copilot` или `-a gemini-cli`. Потом запустите `/setup-brad-frost-skills`.

Что делает команда настройки?

`/setup-brad-frost-skills` находит установленные навыки и запускает нужную настройку. Для навыков лимитов это интервью из шести вопросов на пять минут.

Нужна ли подписка на курсы?

Нет. Навыки ссылаются на уроки платных курсов автора, но работают без подписки, а подсказки можно отключить.

Что блокируют хуки лимитов?

В Claude Code хук потолка сессий и хук тихих часов блокируют вызовы инструментов. На других платформах сила ограничений различается.

Что делает vibe-killer?

Пересобирает веб-страницу, написанную вайбкодингом, из реальных компонентов и токенов вашей дизайн-системы.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,6 тыс.Звезды репозитория

Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества

ПлагинРасширенный доступ3,2 тыс.Звезды репозитория

Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign

СкиллРасширенный доступ982Звезды репозитория

45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.

СкиллМинимальный доступ192Звезды репозитория

Четыре скилла для Codex на каждый этап дизайна продукта: от разбора экрана до сравнения визуальных направлений.

СкиллМинимальный доступ250Звезды репозитория

Скилл Ludi Design System учит агента выбирать компоненты и собирать страницы B2B-интерфейсов по правилам с шаблонами TSX

СкиллМинимальный доступ89Звезды репозитория

Коротко о README

Автор перечисляет навыки по трем группам: запуск, здоровье и дизайн с разработкой. Многие выросли из его онлайн-курсов, а набор будет пополняться со временем.

Бейдж для README

Сообщить о проблеме