Создание функций Next.js App Router
Команды Next.js часто смешивают паттерны страниц, макетов, маршрутизации и получения данных. Этот навык дает Claude, Codex и Claude Code краткие проектные соглашения.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "Next.js Patterns" from https://skillstore.io/skills/abdulsamad94-next-js-patterns.md and its manifest at https://skillstore.io/api/skills/abdulsamad94-next-js-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «Next.js Patterns». Проверьте страницу dashboard, которая использует состояние браузера и навигацию.
Ожидаемый результат:
Ассистент определяет, что странице нужна граница Client Component, и рекомендует программную навигацию только внутри этой границы.
Использование «Next.js Patterns». Спланируйте metadata и использование шрифтов для маркетингового маршрута.
Ожидаемый результат:
Ассистент рекомендует размещать metadata в файле маршрута или макете и использовать next/font/google из корневого макета.
Использование «Next.js Patterns». Проверьте страницу сведений о продукте на предмет выбора способа получения данных.
Ожидаемый результат:
Ассистент предлагает серверное получение начальных данных и клиентское получение данных только для обновлений, инициируемых браузером.
All 13 external-command detections are false positives caused by Markdown inline code and fenced TypeScript examples. The single network detection is documentation that recommends ordinary application data fetching and contains no endpoint, credential, or exfiltration instruction. No prompt injection, deceptive instruction, or other intent-level security concern was found.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/abdulsamad94-next-js-patterns/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/abdulsamad94-next-js-patterns?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/abdulsamad94-next-js-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/abdulsamad94-next-js-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/abdulsamad94-next-js-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>AbdulSamad94. (2026). Next.js Patterns security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/abdulsamad94-next-js-patterns/audits/10@techreport{abdulsamad94-abdulsamad94-next-js-patterns-2026,
author = {AbdulSamad94},
title = {Next.js Patterns security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/abdulsamad94-next-js-patterns/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "Next.js Patterns security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "AbdulSamad94"
date-released: "2026-07-18"
url: "https://skillstore.io/skills/abdulsamad94-next-js-patterns/audits/10"
identifiers:
- type: other
value: "skillstore:abdulsamad94-next-js-patterns:audit:10"
description: "Skillstore immutable audit report identifier"
Создавайте страницы и макеты, соответствующие ожидаемой файловой структуре Next.js.
Проверьте, используется ли Link или useRouter в правильном контексте компонента.
Согласуйте командные рекомендации по компонентам, получению данных, шрифтам и metadata.
Используйте навык next-js-patterns, чтобы спланировать новую страницу App Router для этой функции. Укажите расположение страницы, тип компонента и потребности в навигации.
Используйте навык next-js-patterns, чтобы проверить этот компонент. Скажите, должен ли он быть Server Component или Client Component и почему.
Используйте навык next-js-patterns, чтобы проверить этот навигационный поток. Рекомендуйте Link или useRouter для каждого навигационного действия.
Используйте навык next-js-patterns, чтобы провести аудит этой функции Next.js. Проверьте маршрутизацию, макеты, границы компонентов, получение данных, шрифты и metadata.
Автор
AbdulSamad94Лицензия
MIT
Ревизия Skillstore
r2
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/AbdulSamad94/Hackhaton-SpecsKitPlus/tree/master/.claude/skills/nextjsСсылка
80999bf530a7874d7bedf8ce202001ecb4c4f5e0
Актуальность поддержки
22.07.2026
Использование
11 загрузок · 250 просмотров
Структура файлов
📄 SKILL.md
Создавайте глубоких вымышленных персонажей
Плоские персонажи ослабляют вовлеченность читателей. Этот навык проводит авторов через структурированные профили, мотивации, отношения и арки.
Создание структурированных планов глав
Планировать главы сложно, когда идеям не хватает порядка и соразмерности. Этот навык превращает концепцию книги в структурированные планы глав с разделами, целями и расчетом объема в словах.
Проверка исследований и фактов для авторов
Авторам часто нужны точные детали без замедления процесса письма. Этот навык создает планы исследований, отчеты по проверке фактов и рабочие процессы для отслеживания источников.
Аудит согласованности повествования и логики сюжета
В длинных черновиках трудно заметить ошибки согласованности. Этот навык проверяет хронологию, знания персонажей, сюжетные линии, правила мира, POV и темп повествования.
Улучшение грамматики и стиля
Авторам часто нужны понятные правки без потери собственного голоса. Этот навык проверяет грамматику, ясность, стиль, согласованность и читаемость, а затем предлагает точечные улучшения.
Реализация аутентификации Better Auth
Командам нужны согласованные клиентские и серверные паттерны аутентификации в Next.js. Этот навык показывает вход, выход, проверки сессии и использование AuthBar в Better Auth.
Создание типобезопасных компонентов React
от softaworks
Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.
Планирование архитектуры приложения Next.js App Router
от 89jobrien
Командам Next.js может быть сложно выбрать маршруты, компоненты, загрузку данных и шаги миграции. Этот skill дает структурированные архитектурные рекомендации по App Router, Server Components и производительности.
Оптимизация производительности Next.js
от Atman36
Приложения Next.js могут замедляться из-за больших бандлов, слабого кэширования и неоптимизированных медиа. Этот навык помогает Claude, Codex и Claude Code выполнять целевые улучшения производительности для продакшен-приложений.
Создавайте fullstack-приложения с рекомендациями senior-разработчика
от alirezarezvani
Fullstack-проекты часто требуют согласованной настройки, выбора архитектуры и проверок качества. Этот навык предоставляет скрипты и справочные материалы для работы с React, Next.js, Node.js, GraphQL и PostgreSQL.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Создание готовых к промышленной эксплуатации фронтенд-функций
от davila7
Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.