Next16 Claude Starter — воркфлоу
Стартер Next.js 16 для анимированных лендингов: хранилище правил Obsidian, хуки Claude Code и агенты под секции, SEO и движение
- 146 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Хуки Claude Code выполняют команды при каждом ходе агента, поэтому их стоит прочитать до запуска
- Шаблон тянет много зависимостей, а версии нужно проверять перед выпуском
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add workflows/next16-claude-starterОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Хуки Claude Code выполняют команды при каждом ходе агента, поэтому их стоит прочитать до запуска
- Шаблон тянет много зависимостей, а версии нужно проверять перед выпуском
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Next16 Claude Starter — заготовка проекта на Next.js 16 для маркетинговых сайтов с обилием анимаций. Агентство Textura собрало ее так, чтобы Claude Code и Cursor с первого раза выдавали чистый код. Анимации строятся на пружинах `@react-spring/web`, текст идет через `spring-text-engine`, прокрутку сглаживает Lenis, стили пишутся на Tailwind v4, а адаптивная сетка в rem масштабирует макет. Главная ценность описана в README: система документации и принуждения вокруг шаблона. Хранилище Obsidian содержит все правила проекта, а три хука в `.claude/settings.json` заставляют агента читать его до работы и обновлять после: `SessionStart` указывает на хранилище, `UserPromptSubmit` напоминает свериться с нужным руководством, `Stop` один раз блокирует завершение, чтобы проверить обновление хранилища. В `.claude` лежат агенты `motion-reviewer`, `section-builder`, `seo-auditor` и `vault-librarian`, команды вроде `/new-page`, `/section`, `/seo`, `/perf`, `/qa` и `/ship`, правила по токенам, движению, маршрутам и Supabase, а также скиллы, например `aeo-visibility`.
Для кого. Студиям и фрилансерам, которые делают анимированные сайты на Next.js вместе с Claude Code или Cursor и хотят закрепить правила проекта в репозитории.
Подходит, если
- Нужен старт нового лендинга на Next.js 16 с готовой анимацией на пружинах
- Агент должен каждый раз читать правила проекта и обновлять их после изменений
- Секции страницы собираются отдельным агентом, а движение проверяет другой
- Нужны готовые команды для SEO, производительности, QA и выпуска
Не подходит, если
- Проект не на Next.js или нужна другая библиотека анимаций вместо `@react-spring/web`
- Хуки с обязательным чтением хранилища мешают быстрой разовой правке
- Нужен минимальный стартер без Obsidian, Payload и Supabase в правилах
Пример запроса к агенту
Склонируй стартер, настрой проект с нуля и добавь страницу «О студии» командой /new-page с секцией героя на пружинных анимацияхОграничения
Нужны Node 22.13 или новее и пакетный менеджер yarn, а шаблон надо копировать в чистую папку с новой историей git. Хуки `Stop` и `UserPromptSubmit` добавляют шаги к каждому ходу агента и тратят токены. Правила рассчитаны на конкретный набор технологий: пружины, Lenis, Tailwind v4, Payload и Supabase. Лицензия Unlicense, последний коммит датирован 14 октября 2026 года. Состав команд и агентов зависит от версии стартера.
Как отключить. Откройте `/hooks` в Claude Code и отключите три хука либо удалите раздел `hooks` из `.claude/settings.json`, затем уберите каталоги `.claude` и `obsidian`, если стартер больше не нужен.
Частые вопросы
Что входит в стартер?
Проект на Next.js 16 с анимациями на `@react-spring/web`, Lenis, Tailwind v4, хранилище правил Obsidian, хуки, агенты и команды Claude Code.
Что делают три хука?
`SessionStart` отправляет агента к хранилищу, `UserPromptSubmit` напоминает свериться с руководством, `Stop` один раз блокирует завершение для проверки обновления хранилища.
Как отключить хуки?
Через `/hooks` в Claude Code или удалением раздела `hooks` из `.claude/settings.json`.
Какие агенты есть в стартере?
`motion-reviewer`, `section-builder`, `seo-auditor` и `vault-librarian`.
Какой Node нужен?
Версия 22.13 или новее, зависимости ставятся командой `yarn install`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ВоркфлоуClaude Web Builder ведет новичка от нескольких вопросов о бизнесе до лендинга на Next.js с адресом на Vercel без написания кода.
ai-site-cloner превращает Claude Code или Cursor в конвейер копирования сайта в Next.js с замером стилей и сверкой по пикселям.
Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества
Рабочее место для Claude Code: десять команд ведут от идеи продукта к экранам на React и пакету передачи с готовыми промптами для реализации
Навык /awwwards для Claude Code: арт-дирекшен фронтенда по критериям Awwwards, с типографикой, цветом, движением и WebGL.
Бесплатный скилл для Claude: пишет ТЗ, подбирает видео и 3D, собирает кинематографичный лендинг и проверяет его скриншотами
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Next16 Claude Starter (эта карточка) | нет | 146 | |
| Скиллы Next.js | нет | 143 488 | готовый проект с анимацией, хранилищем правил и хуками, набор скиллов для Next.js к нему не относится |
| project-starter | нет | 1 423 | стартер именно для анимированных лендингов на Next.js 16 |
Коротко о README
README открывается обещанием чистого кода с первого раза и подсказкой «начни одним промптом» для Claude Code или Cursor. Основная часть про систему документации: хранилище Obsidian, три хука и жесткие правила. Далее идут структура проекта и раздел с пошаговым стартом.