← Все скиллы

redreference

Для разработчиковСайты

Подбор дизайн-референсов с пошаговой петлёй вкуса.

Открыть репозиторий
Вставь в Claude Code — он установит этот навык

Использует

design-inspirationMCPVoltAgent/awesome-design-mdисточникAre.naсервисAwwwardsсервисBehanceсервис

Что делает

Ищет по галереям (Are.na, OnePageLove, Awwwards, Behance, Land-book + design-inspiration MCP) и собирает локальную интерактивную HTML-страницу со скриншотами, ссылками и оценками like/dislike, затем итеративно копает похожее под твой вкус.

Как пользоваться

  1. 1Скажи «найди референсы для X» или /redreference <ниша>.
  2. 2Листаешь собранную HTML-страницу, ставишь оценки 1–10.
  3. 3Скилл фиксирует вкус и ищет похожее.
  4. 4На выходе — мудборд + visual-taste-profile (питает redloft).

Когда срабатывает

«найди референсы для X»«подбери рефы под X»«собери мудборд»/redreference

Пример

/redreference лендинги студий керамики — соберёт галерею, учтёт лайки, выдаст мудборд.

Обновления

  • Появился третий класс источников — токены вместо скриншотов. Галереи (Are.na, Awwwards, Behance) отвечают на вопрос «нравится ли», а новый класс — «какими числами это сделано»: конкретные hex, шрифтовые стеки, отступы и радиусы бренда из коллекции `VoltAgent/awesome-design-md` (MIT, 74 бренда). Файл берётся из локальной копии под зафиксированным коммитом, имя бренда резолвится по белому списку — URL из пользовательской строки не собирается. При первой загрузке файл сканируется на инъекционные вставки, в промпт уходит в инертных делимитерах: это внешние ДАННЫЕ, а не инструкции. После сборки — обязательная обратная сверка кода с эталоном.

  • Добавлен в каталог RedSkills.

Понравился скилл? Новые разборы и обновления — в канале.

Подписаться на канал