Can this skill be used to migrate existing projects?

Absolutely. It is designed to define the baseline for migrations, ensuring all files are moved to the correct directories and follow updated conventions.

Does this skill support the Nuxt 4 directory structure?

Yes, it specifically configures the 'app/' directory structure as recommended in Nuxt 4 conventions while maintaining compatibility with Nuxt 3.

Does this skill install UI components or CSS frameworks?

No, this skill focuses on the architectural foundation, folder structure, and scripts. It does not implement UI features or specific design content.

What naming conventions does the skill enforce?

It enforces PascalCase for Vue components and sections, and kebab-case for file-based routing and page files.

Which package managers are supported in the scripts?

The skill defaults to pnpm scripts (dev, build, lint) but can be adapted for npm or yarn depending on project requirements.

Nuxt 3 Foundation

Name: Nuxt 3 Foundation
Author: Jozaguts

byJozaguts

•

開発者ツール

Establishes a standardized Nuxt 3 TypeScript project structure and architectural baseline for scalable frontend development.

The Nuxt 3 Foundation skill automates the setup of high-quality Vue/Nuxt projects by enforcing a modern Nuxt 4 style directory structure using the 'app/' directory. It provides a comprehensive set of conventions for component naming, routing, and essential scripts, ensuring that migrations or new project phases begin with a clean, maintainable codebase. By defining specific paths for assets, composables, and server logic, it eliminates architectural ambiguity and aligns development teams with industry best practices for SSR and static deployments.

主な機能

01Enforces strict PascalCase naming for components and kebab-case for routes

02Implements Nuxt 4 directory structure using the srcDir 'app' approach

03Standardizes essential scripts for development, building, and linting

04Provides a verifiable checklist for project structure and readiness

051 GitHub stars

06Configures SSR and pre-rendering baselines for optimal deployment

ユースケース

01Bootstrapping new enterprise-grade Vue.js applications with a proven architecture

02Migrating legacy frontend codebases to a modern Nuxt 3/4 TypeScript environment

03Ensuring architectural consistency across multiple micro-frontends or team repositories

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jozaguts/futzo nuxt-foundation

For use in Claude.ai and ChatGPT

Download Skill