auteur
Скилл Claude Code и других агентов для сборки сайтов, где режиссура задается до кода: арт-дирекшн, генерация ассетов локальными CLI и проверка анти-слоп линтеро
Средний риск
Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.
Почему такой уровень
- Запускает локальные скрипты сборки и проверки: Node, Playwright, ffmpeg
- Фаза разведки референсов делает исходящие запросы к внешним сайтам
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/auteurОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add agiwhitelist/auteur --skill auteur -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Установи скилл одной командой: npx skills add agiwhitelist/auteur. В Claude Code можно поставить как плагин: /plugin marketplace add agiwhitelist/auteur, затем /plugin install auteur@auteur. После установки попроси собрать сайт.
Другие способы из описания автора
npx skills add agiwhitelist/auteurОпределяет установленные агенты и кладет скилл в каталог каждого. Флаг -g ставит глобально.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл ведет агента через сборку веб-проекта так, как режиссер снимает фильм: сначала письменно фиксируется арт-дирекшн, затем создаются ассеты, потом верстка и монтаж. Есть три режима: build для качественного обычного сайта, direct для кинематографичного сайта с режиссурой по скроллу и system для многоэкранного продукта в единой дизайн-системе. Ассеты скилл генерирует и подбирает локальными CLI, включая изображения, кадры видео, карты глубины и 3D, с записью лицензий. Ничего не выходит наружу, пока сборка не пройдет исполняемый анти-слоп линтер slopscan, проверку анимаций motionqa и проверку единства маршрутов systemscan. Есть фаза разведки референсов, которая читает внешние страницы, ее можно пропустить и работать офлайн.
Для кого. Для разработчиков и дизайнеров, которым нужен лендинг, промостраница или многоэкранный продукт, не похожий на шаблон.
Подходит, если
- Нужно собрать или переделать лендинг, промостраницу или портфолио так, чтобы это не выглядело шаблонно
- Нужны анимации по скроллу или сайт с ощущением фильма
- Нужен продукт из нескольких экранов в единой дизайн-системе
Не подходит, если
- Нужно доработать чужой готовый интерфейс, а не собрать новый
- Задача только про бэкенд без интерфейса
Пример запроса к агенту
Собери с auteur кинематографичный лендинг с анимацией по скроллу для нашего продукта.Ограничения
Скилл ставится без ключей и без шага сборки, но отдельные фазы зависят от внешних инструментов. Генерация ассетов опирается на локальные CLI для изображений, видео и 3D, которых может не быть в системе. Фаза разведки референсов ходит на внешние сайты, поэтому без доступа к ним ее нужно пропустить. Проверки slopscan, motionqa и systemscan требуют Node и Playwright.
Как отключить. Удалите папку auteur из каталога скиллов агента, например из ~/.claude/skills/. Если ставили через плагин Claude Code, удалите его командой /plugin.
Проверка безопасности
- Запускает локальные скрипты сборки и проверки: Node, Playwright, ffmpeg
- Фаза разведки референсов делает исходящие запросы к внешним сайтам
Коротко о README
README представляет auteur как Agent Skill: файл SKILL.md, справочники-рецепты и несколько запускаемых скриптов, примерно 1 МБ, без зависимостей и ключей. Скилл собирает сайты по методу кино: арт-дирекшн фиксируется до разметки, ассеты создаются локальными CLI, а каждая сборка проходит исполняемый анти-слоп линтер и проверку анимаций. Ставится одной командой npx skills add, плагином в Claude Code, через OpenClaw или клонированием в каталог скиллов. В витрине показаны десять живых сайтов, собранных скиллом, каждый проходит собственный линтер без ошибок. Лицензия MIT.
SKILL.md
--- name: auteur description: Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products (app, dashboard, admin, settings, onboarding, docs site) built as one design system with every component, state and route in one style. Use whenever the user wants to create or redesign a landing page, website, hero section, portfolio, promo or product page; wants scroll animations, storytelling pages, or a site that feels like a movie; or says "make it beautiful", "make it wow", "cinematic", or "design system" — even if they name no technique. Generates its own assets via local CLIs (images, video frames, depth maps, 3D), and gates every ship with an executable anti-slop linter and a screenshot verification loop. Not for polishing a UI someone else built, and not for backend-only work. version: 1.3.1 user-invocable: true argument-hint: "[build|direct|system|edit|audit|recon] <brief or target>" allowed-tools: - Bash(node scripts/*) - Bash(npx playwright *) - Bash(agy *) - Bash(codex *) - Bash(grok *) - Bash(ffmpeg *) --- Auteur designs and builds web experiences the way a film director makes a film: script first, then assets, then the shoot, then the cut. It has three registers — build (an excellent conventional site), direct (a cinematic scroll-directed site) and system (a multi-screen product as one design system) — on one shared core of taste. Nothing ships until the page passes an executable anti-slop gate and the skill has looked at its own output.
Частые вопросы
Нужны ли ключи API?
Для установки нет. Но генерация ассетов и разведка референсов используют внешние CLI и сайты, часть из них может требовать своих инструментов или доступа. Основная сборка работает офлайн.
Что делает анти-слоп линтер?
Скрипт slopscan останавливает сборку на типовых признаках шаблонного дизайна, motionqa проверяет плавность анимаций, а systemscan следит за единством стиля между экранами.
Похожие
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой