visant-skills-public
Скиллы Visant для Claude Code: аудит интерфейса против ИИ-шаблонов, дизайн, моушен, тексты, монтаж и ролики с сайтов
- 89 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скиллы запускают скрипты Node и Python, открывают страницы в браузере и пишут файлы в проект; запись видео сайта использует Chrome и `ffmpeg`.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/visant-skills-publicОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скиллы запускают скрипты Node и Python, открывают страницы в браузере и пишут файлы в проект; запись видео сайта использует Chrome и `ffmpeg`.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Репозиторий объединяет скиллы студии Visant по интерфейсу, видео и процессу. Каждый скилл сначала выясняет, что уже есть в репозитории проекта: проверки, примитивы, токены, и только потом действует. Детекторы написаны как настоящие скрипты, а `npm test` проверяет каждое правило на фикстурах в обе стороны. Набор для интерфейса: `visant-design` служит единой точкой входа, `visant-killer` проводит аудит против ИИ-шаблонов с жесткими детекторами и оценкой, `visant-frontend` требует у каждого элемента назвать бизнес-показатель, на который он влияет, `visant-motion` задает токены анимации, `visant-refine` описывает графики и метрики, `visant-copy` пишет тексты на бразильском португальском и проверяет их линтером `copy-lint`. Для видео есть `site-reels` (запись лучших сцен сайта в MP4 1080p), `visant-premiere-editor` и `visant-video-editor`.
Для кого. Фронтенд-разработчикам и дизайнерам, которые перед пулл-реквестом хотят проверить экран на шаблонные ИИ-приемы и вести решения по интерфейсу через Claude Code.
Подходит, если
- Перед пулл-реквестом экран прогоняют через `visant-killer`: палитра, шумовые приемы, тексты
- Для проекта нужны токены анимации и проверка `motion-lint` по длительностям и кривым
- Тексты интерфейса на бразильском португальском проверяют линтером `copy-lint`
- Лучшие сцены сайта записывают в MP4 для шоурила в Remotion
Не подходит, если
- Проект не на React или Next: детекторы кода `killer-scan` откажутся работать с кодом Vue, Svelte и Astro
- Нужна проверка в Codex, Cursor или Gemini: набор проверен только на Claude Code
- Нужны тексты на другом языке: `visant-copy` и `copy-lint` рассчитаны на португальский и английский
Пример запроса к агенту
Проведи аудит этого экрана через `visant-killer` и покажи находки по палитре и шумовым приемам без правокОграничения
Набор проверен только на Claude Code. Остальные агенты, читающие `SKILL.md`, должны работать по открытому формату, но автор их не запускал. Детекторы кода `killer-scan` работают с React и Next (`.tsx`, `.jsx`), а на Vue, Svelte, Astro и HTML завершаются кодом 2 вместо ложного нуля. Многим скиллам нужны Node 20 или новее, а видео требуют Chrome или Edge, `ffmpeg` и Python, для Premiere нужен Premiere Pro с `premiere-pro-mcp`. Скилл `visant-mcp-connect` требует аккаунт Visant Labs.
Как отключить. Удалите папки `visant-*` и `site-reels` из `~/.claude/skills` или каталога навыков проекта. Записанные ролики и отчеты скиллы создают в вашем проекте, их удаляйте отдельно.
Частые вопросы
Как установить набор?
Выполните `npx skills add pedrojaques99/visant-skills-public` и выберите скиллы из списка. Один скилл ставит `--skill visant-killer`, либо скопируйте папку скилла в `~/.claude/skills/`.
С какого скилла начать?
С `visant-design`: он читает запрос и загружает нужный сценарий. Для проверки экрана подойдет `visant-killer`, для текстов `visant-copy`.
Что делает `visant-killer`?
Запускает детекторы как жесткие ворота, затем оценивает то, чего скрипты не видят, спорит с собственным вердиктом и выставляет оценку. Находка детектора считается дефектом.
Какие запросы запускают скиллы?
Работают просьбы на английском и португальском вроде «audit this screen», «make this smoother» или «tá com cara de IA».
Нужен ли отдельный дизайн-инструмент?
Нет, скиллы используют уже найденные в репозитории токены и примитивы. Парный набор React-компонентов @visant/ui подключают через реестр shadcn, он необязателен.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для интерфейсов без шаблонного ИИ-вида: типографика, цвет, движение, состояния компонентов и критика готового.
Скилл для Codex: три разных визуальных концепта, ревью по скриншотам и чистка лишнего, чтобы интерфейс не выглядел шаблонно.
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL
Скилл Claude Code и других агентов для сборки сайтов, где режиссура задается до кода: арт-дирекшн, генерация ассетов локальными CLI и проверка анти-слоп линтеро
Коротко о README
README перечисляет скиллы по группам интерфейса, видео и процесса, дает таблицу совместимости с React, Vue, Svelte и Astro, пример находок `killer-scan`, результаты проверки на трех публичных проектах Next.js и требования каждого скилла.