Claude MarketplacesSubmit

Nuxt Data

secondsky/claude-skills

Handles Nuxt 4's data fetching and state management patterns, covering useFetch, useAsyncData, useState, and Pinia integration. Useful when you're wiring up reactive API calls, building custom composables, or debugging why your data isn't refreshing when params change. The skill emphasizes the shallow reactivity default in v4, which trips people up if they try to mutate data directly instead of calling refresh. Good coverage of SSR-safe patterns and the useState versus ref distinction, which is critical for shared state. If you're building auth flows, pagination, or anything with global state in Nuxt 4, this covers the essential patterns without the framework docs verbosity.

skills.sh installs: 400
GitHub stars: 248
last updated: Aug 21, 2026

Install

$ npx -y skills add secondsky/claude-skills --skill nuxt-data --agent claude-code

Installs into .claude/skills of the current project.

Files

Nuxt 4 Data Management

Composables, data fetching, and state management patterns for Nuxt 4 applications.

Quick Reference

Data Fetching Methods

Method	Use Case	SSR	Caching	Reactive
`useFetch`	Simple API calls	Yes	Yes	Yes
`useAsyncData`	Custom async logic	Yes	Yes	Yes
`$fetch`	Client-side only, events	No	No	No

Composable Naming

Prefix	Purpose	Example
`use`	State/logic composable	`useAuth`, `useCart`
`fetch`	Data fetching only	`fetchUsers` (rare)

When to Load References

Load references/composables.md when:

Writing custom composables with complex state
Debugging state management issues or memory leaks
Implementing SSR-safe patterns with browser APIs
Building authentication or complex state composables
Understanding singleton vs per-call composable patterns

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly

Agent CaffeineSponsoredClose your lid, come back to finished work

SnugSponsoredThe clipboard manager for the AI era Promote your product hereReach 125k+ visitors monthly

WaxSponsoredBlock anything with supervision, without erasing your iPhone Promote your product hereReach 125k+ visitors monthly

knobsSponsoredSee your site on any phone, any day, in any language

Details

Repository: github.com/secondsky/claude-skills
Categories: Frontend Development, Debugging
First seen: Jun 3, 2026

Recommended

More Frontend Development

1

json-render-reactvercel-labs/json-renderReact renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating com391skills.sh installs

2

accelint-nextjs-best-practicesgohypergiant/agent-skillsNext.js performance optimization and best practices. Use when writing Next.js code (App Router or Pages Router); implementing Server Components, Server Actions,386skills.sh installs

3

nextjs-v16bobmatnyc/claude-mpm-skillsNext.js 16 migration guide (async request APIs, "use cache", Turbopack)380skills.sh installs

4

react-best-practicessecondsky/claude-skillsReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c380skills.sh installs

5

vercel-react-best-practicesdavila7/claude-code-templatesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c376skills.sh installs

6

vercel-react-best-practicespedronauck/skillsReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c360skills.sh installs