rtadewald/skills

35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.

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

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

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

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

rtadewald/skills

Установка

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

npx skillfoxx add skills/rtadewald-skills

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

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

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

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

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

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

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

Что делает

rtadewald/skills, личная подборка скиллов автора на португальском, лежит в одном репозитории с отдельным `SKILL.md` в каждой папке. Ядро набора — дизайн: `extract-ds`, `ds-from-html`, `ds-from-react`, `ds-from-img` собирают из готового сайта, HTML, React-приложения или макета живую библиотеку компонентов, а `img-to-html` строит страницу из макета через ASCII-каркас и этапы с согласованием. Кроме дизайна есть генерация и правка картинок (`to-img`, `openrouter-img`, `nano-banana-pro`, `fal-ai`), работа с видео (`mediabunny`, `video2html`) и планирование: `grill-me` допрашивает по плану, `to-tickets` режет план на задачи, `handoff` сжимает диалог для следующего агента, `context7-mcp` подтягивает свежую документацию библиотек.

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

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

  • Из HTML-референса надо вытащить дизайн-систему как живую страницу с компонентами.
  • Макет-картинка превращается в `index.html` и стили по этапам с согласованием на каждом.
  • Перед работой план надо разобрать допросом по ветвям решений.
  • Диалог слишком длинный, и контекст для следующего агента нужно сжать в документ.

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

  • Нужен проверенный пакет с одной командой установки и версиями: у подборки их нет.
  • Работа идет без доступа к внешним API: часть скиллов вызывает OpenRouter и fal.ai.
  • Требуется четкая лицензия: в репозитории она не указана.

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

Возьми скилл extract-ds, сними дизайн-систему с этого сайта и покажи Overview и Components на согласование.

Ограничения

Лицензия в репозитории не указана, и это важно для коммерческого использования. Тексты скиллов и README в основном на португальском. Команды установки автор не приводит, каталоги копируют вручную. Скиллы вроде `openrouter-img` читают `OPENROUTER_API_KEY` из `.env` и тратят платные запросы к моделям. Часть скиллов (`grill-me`, `handoff`, `openrouter-img`) отключает автоматический вызов и запускается только по имени. У `find-font` отдельный локальный API на `127.0.0.1:8000`.

Как отключить. Удалите скопированные папки скиллов из каталога скиллов агента, например из `~/.agents/skills/`, и начните новую сессию. Ключи из `.env` отзывайте у провайдера.

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

Сколько скиллов в подборке?

В дереве репозитория 35 файлов `SKILL.md`; README группирует основные по темам: экраны, дизайн-система, изображения, видео, планирование и утилиты.

Чем отличаются `ds-from-html` и `extract-ds`?

`ds-from-html` превращает HTML-референс в `design-system.html`, а `extract-ds` снимает готовый сайт в рабочую копию, сохраняя runtime или конвертируя под `file://`.

Как `grill-me` ведет разговор?

Строит дерево решений и задает вопросы раундами, к каждому прилагая рекомендуемый ответ, а после ответов пересчитывает границу вопросов.

Нужен ли ключ для скиллов с картинками?

Для `openrouter-img` да: `OPENROUTER_API_KEY` берется из `.env` в рабочей папке или `~/.env`.

Как отключить автоматический вызов скилла?

В `grill-me`, `handoff` и `openrouter-img` в заголовке стоит `disable-model-invocation: true`: агент запускает их только по имени.

Обсуждение

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

Скиллы

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

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

Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация

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

Авторские скиллы под Angular, React, Next.js, TypeScript и Django плюс шесть общинных для Java, Elixir и Electron

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

Скилл /taste разбирает дизайн сайта по ссылке: токены, принципы с компромиссами и готовые правила для Cursor и Claude Code

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

Библиотека скиллов для выразительных лендингов, анимаций, WebGL и браузерных игр на Three.js с демо и промптами

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

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

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

Коротко о README

README группирует скиллы по темам и коротко описывает назначение каждого; инструкции установки и версий нет.

Бейдж для README

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

Foxx AIrtadewald/skills
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.