Skip to content
Development
Skill

/nuxt

Nuxt.js framework patterns, SSR/SSG, and best practices

Boost this skill
@fujigo-softwarefujigo-software@fujigo-software
From plugin
f5-framework
2434 skills104 agents69 commands
Install
$ npx -y skills add Fujigo-Software/f5-framework-claude --skill nuxt --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/nuxt

Context preview

The summary Claude sees to decide when to auto-load this skill.

Nuxt.js framework patterns, SSR/SSG, and best practices

SKILL.md

nuxt.SKILL.md
name: nuxt-skills
description: Nuxt.js framework patterns, SSR/SSG, and best practices
category: stacks/frontend/nuxt
applies_to: nuxt
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Nuxt.js Skills

Vue.js framework for hybrid static & server rendering.

Sub-Skills

Architecture

  • [project-structure.md](architecture/project-structure.md) - Project organization
  • [modules.md](architecture/modules.md) - Nuxt modules
  • [plugins.md](architecture/plugins.md) - Plugin patterns

Rendering

  • [universal.md](rendering/universal.md) - Universal rendering
  • [ssr.md](rendering/ssr.md) - Server-side rendering
  • [ssg.md](rendering/ssg.md) - Static generation
  • [hybrid.md](rendering/hybrid.md) - Hybrid rendering

Data Fetching

  • [useFetch.md](data-fetching/useFetch.md) - useFetch composable
  • [useAsyncData.md](data-fetching/useAsyncData.md) - useAsyncData
  • [server-routes.md](data-fetching/server-routes.md) - Server routes

Routing

  • [file-routing.md](routing/file-routing.md) - File-based routing
  • [middleware.md](routing/middleware.md) - Route middleware
  • [layouts.md](routing/layouts.md) - Layout patterns
  • [navigation.md](routing/navigation.md) - Navigation patterns

State Management

  • [pinia.md](state/pinia.md) - Pinia integration
  • [composables.md](state/composables.md) - State composables

Performance

  • [lazy-loading.md](performance/lazy-loading.md) - Component lazy loading
  • [image-optimization.md](performance/image-optimization.md) - nuxt/image
  • [caching.md](performance/caching.md) - Caching strategies

Authentication

  • [nuxt-auth.md](authentication/nuxt-auth.md) - Nuxt Auth
  • [middleware-auth.md](authentication/middleware-auth.md) - Auth middleware

Testing

  • [vitest.md](testing/vitest.md) - Vitest patterns
  • [e2e.md](testing/e2e.md) - E2E testing

Detection

Auto-detected when project contains:

  • `nuxt.config.ts` or `nuxt.config.js`
  • `nuxt` package
  • `defineNuxtConfig` or `useNuxtApp` patterns
Read more
Read it on GitHub ↗
Ships withf5-framework

AI-Powered Development Framework for Claude Code

Get the whole plugin
Stats
PythonJavaScriptReactNext.jsVue
+7 tags
AngularDockerKubernetesAnthropicMCPJiraFlutter
24
Stars
8
Forks
Quiet
Maintenance
Python
Language
MIT
License
7mo ago
Last commit
7mo ago
Created

Repo: Fujigo-Software/f5-framework-claude

In this plugin
104 agents69 commands34 skills
See everything inside

Other skills on f5-framework.

See all 34 skills in f5-framework