nuxt

antfu/skills · Agent Skill

Nuxt полнофункциональный фреймворк Vue для руководства по SSR, авто-импортам, маршрутизации на основе файлов и серверным маршрутам.

Перейти к установке ↓

Обзор

Автор	antfuСообщество
Репозиторий	antfu/skills ↗
Папка скилла	`nuxt`
Звёзды	6 011
Форки	338
Файлы	20
Лицензия	MIT
Обновлён	23 октября 2026 г.
Ссылки	Исходник скилла ↗ · Репозиторий ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность

низкий риск · явных рисков не найдено — полный отчёт покажет детали

Совместимость

нужны дополнительные программы

Похожие скиллы

найдено 62 похожих скилла

Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «nuxt» с mozgi.io (https://mozgi.io/skills/antfu-nuxt/).

1. Скачай архив: https://mozgi.io/skills/antfu-nuxt/download
   Если не скачивается — возьми папку скилла из исходника: https://github.com/antfu/skills/tree/main/skills/nuxt
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «nuxt» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/nuxt/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .claude/skills
cp -r /tmp/skills/skills/nuxt .claude/skills/nuxt

Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /nuxt. Для всех проектов сразу — папка ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .agents/skills
cp -r /tmp/skills/skills/nuxt .agents/skills/nuxt

Codex ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $nuxt. Для всех проектов — ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .cursor/skills
cp -r /tmp/skills/skills/nuxt .cursor/skills/nuxt

Cursor подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .gemini/skills
cp -r /tmp/skills/skills/nuxt .gemini/skills/nuxt

Gemini CLI сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.

Файлы скилла

20 файлов Скачать ZIP

Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.

Содержимое SKILL.md

Оригинальный текст автора · только чтение

Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.

> The skill is based on Nuxt 5.x (5.0.0-0), generated at 2026-09-25.

> Directory layout: the default srcDir is app/ — Vue app code (app.vue, components/, composables/, pages/, etc.) lives under app/, while server/, shared/, public/, modules/, layers/ and nuxt.config.ts stay at the project root. The ~/@ aliases point at app/; use ~~/@@ for the root.

> Nuxt 5 note: Nuxt 5 makes many former experimental flags the default. The biggest shifts for agents: server code moves to Nitro v3 (h3 v2, Web-standard Request/Response), server utilities import from nuxt/server and are no longer auto-imported by default, $fetch/useFetch are typed from generated route types, routing is case-sensitive and typed by default, and the bundler is Vite 8 (Rolldown). Nuxt 5 requires Node 22.19/24.11+. A Nitro v2 compatibility layer (nitroLegacy) keeps older server code building during migration. See individual references for details.

Core

| Topic | Description | Reference |

|-------|-------------|-----------|

| Directory Structure | Nuxt 4 app/ srcDir, shared/, aliases, conventions | core-directory-structure ↗ |

| Configuration | nuxt.config.ts, app.config.ts, aliases, Nuxt 5 defaults, jiti removal, experimental | core-config ↗ |

| CLI Commands | Dev server, build, generate, preview, and utility commands | core-cli ↗ |

| Routing | File-based routing, case-sensitive + typed routes, named views, layout props, middleware | core-routing ↗ |

| Data Fetching | useFetch, useAsyncData, $fetch, typed routes, createUseFetch factories, caching | core-data-fetching ↗ |

| Modules | Creating and using Nuxt modules, Nuxt Kit utilities | core-modules ↗ |

| Deployment | Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare | core-deployment ↗ |

Features

| Topic | Description | Reference |

|-------|-------------|-----------|

| Composables Auto-imports | Vue/Nuxt composables, custom composables, shared/, useAnnouncer | features-composables ↗ |

| Components Auto-imports | Component naming, lazy loading, hydration strategies | features-components-autoimport ↗ |

| Built-in Components | NuxtLink, NuxtPage, NuxtLayout, NuxtAnnouncer, ClientOnly, and more | features-components ↗ |

| State Management | useState composable, SSR-friendly state, Pinia integration | features-state ↗ |

| Server Routes | API routes, nuxt/server imports, Nitro v3 (h3 v2), sessions, middleware | features-server ↗ |

Rendering

| Topic | Description | Reference |

|-------|-------------|-----------|

| Rendering Modes | Universal (SSR), client-side (SPA), hybrid rendering, route rules | rendering-modes ↗ |

Best Practices

| Topic | Description | Reference |

|-------|-------------|-----------|

| Data Fetching Patterns | Efficient fetching, caching, parallel requests, error handling | best-practices-data-fetching ↗ |

| SSR & Hydration | Avoiding context leaks, hydration mismatches, composable patterns | best-practices-ssr ↗ |

Advanced

| Topic | Description | Reference |

|-------|-------------|-----------|

| Layers | Extending applications with reusable layers | advanced-layers ↗ |

| Lifecycle Hooks | Build-time, runtime, and server hooks | advanced-hooks ↗ |

| Module Authoring | Publishable modules with Nuxt Kit, keyed composables, dependencies | advanced-module-authoring ↗ |

Вопросы и ответы

Что делает скилл nuxt?

Как установить nuxt?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает nuxt?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому nuxt подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл nuxt бесплатный?

Скилл опубликован автором antfu в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.