Can it help with backend API development?

Absolutely. It provides specific patterns for Nitro server routes, including file-based routing with method suffixes (e.g., .get.ts) and event handler definitions.

Does this skill support Nuxt UI v4?

Yes, it includes auto-registered integration patterns for Nuxt UI v4, including optimized icons, fonts, and color mode switching.

How does it handle data fetching?

It enforces the use of SSR-friendly composables like useFetch and useAsyncData with proper keys, preventing the use of raw $fetch in component setup.

What version of Nuxt is this optimized for?

This skill is specifically optimized for the Nuxt 4 stack and its updated directory architecture (app/ and server/ separation).

Nuxt 4 Full-Stack Framework

Name: Nuxt 4 Full-Stack Framework
Author: murillodutt

bymurillodutt

0•

디자인 도구

Standardizes Nuxt 4 development patterns to ensure high-performance Vue applications with robust server-client separation.

This skill equips Claude with specialized knowledge of Nuxt 4 and the Nuxt UI v4 ecosystem, enabling the generation of production-ready full-stack Vue code. It strictly enforces best practices for SSR-safe data fetching, Nitro server routes, and state management while preventing common pitfalls like client-side environment variable leaks or improper component placement. Whether you are architecting a new application or refactoring existing modules, this skill ensures compliance with the latest Nuxt 4 directory structures, isomorphic shared code patterns, and seamless UI integrations.

주요 기능

01Automates SSR-safe data fetching via useFetch and useAsyncData

020 GitHub stars

03Prevents common errors like client-side process.env and server/client import leakage

04Enforces Nuxt 4 directory structure (app/, server/, shared/)

05Configures Nitro server routes with correct method suffixes and event handlers

06Optimizes Nuxt UI v4 integrations including Icons, Fonts, and Color Mode

사용 사례

01Building full-stack Vue applications with a clean separation between Nitro backend and Nuxt frontend

02Migrating projects to Nuxt 4 directory patterns and Nuxt UI v4 components

03Implementing complex state management and SSR-safe data fetching logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add murillodutt/cellm nuxt

For use in Claude.ai and ChatGPT