Nuxt Development

概要

This skill provides specialized guidance for building modern web applications with Nuxt (v3+), ensuring developers adhere to best practices for Vue components and Nuxt-specific conventions. It offers deep integration with the Nuxt ecosystem, providing tailored implementation patterns for core modules like Nuxt UI, Content, and Image, while intelligently detecting project dependencies to offer relevant advice. Whether debugging server-side rendering issues, configuring file-based routing, or optimizing data fetching with Nitro, this tool streamlines the development process by accessing up-to-date documentation and promoting consistent TypeScript organization.

主な機能

• Provides guidance for file-based routing, middleware, and server API development.
• Detects and integrates module-specific advice for libraries like Pinia, Tailwind, and NuxtHub.
• Accesses live official Nuxt documentation for current API syntax and conventions.
• 1 GitHub stars
• Automates best practices for Vue script setup, auto-imports, and component structure.
• Supports Nuxt 4 directory structures and modern TypeScript organization patterns.

ユースケース

• Implementing type-safe API routes and server utilities using the Nitro engine.
• Building a full-stack Vue application with Server-Side Rendering (SSR) or Static Site Generation (SSG).
• Integrating and configuring Nuxt modules like Nuxt UI, i18n, or Content for complex workflows.