Agent skill · software engineering · secondsky
nuxt-data
Nuxt 5 data management with useFetch, useAsyncData, useState, and Pinia. Use when creating composables, fetching data, managing state, or debugging reactive/SSR data issues.
Why this skill is useful
Provides specific patterns and methods for managing state and data fetching in Nuxt 5 applications that the AI wouldn't reliably generate on its own.
What it needs
About 6k tokens when loaded. Last updated 2026-08-06. 204 stars on the source repository.
What this skill does
Nuxt 5 Data Management Composables, data fetching, and state management patterns for Nuxt 5 applications. Use when: creating custom composables, fetching data with useFetch or useAsyncData, managing global state with useState, integrating Pinia, debugging reactive data issues, or implementing SSR-safe state patterns. 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 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 Load references/data-fetching.md when: Implementing API data fetching with reactive parameters Troubleshooting shallow vs deep reactivity issues Debugging data not refreshing when params change Implementing pagination, infinite scroll, or search Composables useState - The Foundation useState creates SSR-safe, shared reactive state that persists across component instances. useState vs ref - Critical Distinction Rule: Use useState for shared/global state. Use ref for local component state only. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills secondsky/nuxt-data--fcddf1