nuxt4-patterns

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By affaan-m/ECC (GitHub) · coding · 300,508 stars · scanned at commit d2ef268

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData. Use when building or reviewing a Nuxt 4 app, or debugging hydration mismatches and SSR-safe data fetching.

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

The author does not mention this.

Found in 3 places.

pi/core/skills/nuxt4-patterns/SKILL.md, line 31- Use `useAsyncData()` when the fetcher is not a simple `$fetch()` call, when you need a custom key, or when you are composing multiple async sources.
pi/core/skills/nuxt4-patterns/SKILL.md, line 34- Use `$fetch()` for user-triggered writes or client-only actions, not top-level page data that should be hydrated from SSR.
pi/core/skills/nuxt4-patterns/SKILL.md, line 44() => $fetch(`/api/articles/${route.params.slug}`),

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed. Expected for a coding skill.

Found in 44 places.

scripts/hooks/observe-runner.js, line 6const { spawnSync } = require('child_process');
scripts/hooks/observe-runner.js, line 63const probe = spawnSync(candidate, ['-c', ':'], {
scripts/hooks/observe-runner.js, line 131const result = spawnSync(shell, [toShellPath(observePath), phase], {

Show 17 more

scripts/hooks/session-activity-tracker.js, line 13const { spawnSync } = require('child_process');
scripts/hooks/session-activity-tracker.js, line 346const result = spawnSync('git', args, {
scripts/lib/llm-summary.js, line 15const { spawnSync } = require('child_process');
scripts/lib/llm-summary.js, line 180const result = spawnSync('claude', ['--model', getLLMModel(), '-p'], {
scripts/lib/observer-sessions.js, line 5const { spawnSync } = require('child_process');
scripts/lib/observer-sessions.js, line 45const result = spawnSync('git', args, {
scripts/lib/utils.js, line 10const { execSync, spawnSync } = require('child_process');
scripts/lib/utils.js, line 491const result = spawnSync('where', [cmd], { stdio: 'pipe' });
scripts/lib/utils.js, line 494const result = spawnSync('which', [cmd], { stdio: 'pipe' });
scripts/lib/utils.js, line 528const result = execSync(cmd, {
.mcp.json, line 4"command": "npx",
hooks/README.md, line 295"command": "node -e \"let d='';process.stdin.on('data',c=>d+=c);process.stdin.on('end',()=>{const i=JSON.parse(d);const p=i.tool_input?.file_path||'';if(/\\.py$
hooks/codex-hooks.json, line 10"command": "node -e \"if(!process.env.PLUGIN_ROOT)throw new Error('Missing Codex PLUGIN_ROOT');process.env.CLAUDE_PLUGIN_ROOT=process.env.PLUGIN_ROOT;const p=re
hooks/hooks.json, line 9"command": "node -e \"const p=require('path');const r=(function(){var p=require('path'),f=require('fs'),o=require('os');var e=process.env.CLAUDE_PLUGIN_ROOT;if(
hooks/hooks.json, line 18"command": "node -e \"const p=require('path');const r=(function(){var p=require('path'),f=require('fs'),o=require('os');var e=process.env.CLAUDE_PLUGIN_ROOT;if(
hooks/hooks.json, line 28"command": "node -e \"const p=require('path');const r=(function(){var p=require('path'),f=require('fs'),o=require('os');var e=process.env.CLAUDE_PLUGIN_ROOT;if(
hooks/hooks.json, line 37"command": "node -e \"const p=require('path');const r=(function(){var p=require('path'),f=require('fs'),o=require('os');var e=process.env.CLAUDE_PLUGIN_ROOT;if(

and 24 more places

Downloads and installs other software

The author does not mention this. It runs automatically when the plugin is installed.

Found in 2 places.

scripts/lib/package-manager.js, line 29execCmd: 'pnpm dlx',
.mcp.json, line 4"command": "npx",

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

Other copies in this repository

affaan-m/ECC has 2 more folders with a skill named nuxt4-patterns. This page shows the lowest-scoring copy.

docs/ja-JP/skills/nuxt4-patterns 75/100 · Review before installing
docs/zh-CN/skills/nuxt4-patterns 75/100 · Review before installing

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'nuxt4-patterns' ] || [ -L ~/.agents/skills/'nuxt4-patterns' ]; then echo 'A skill folder named nuxt4-patterns already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/affaan-m/ECC' "$d" && git -C "$d" checkout --quiet 'd2ef2680594f9a17526a6e1a2e18b3d242c5d17b' -- 'pi/core/skills/nuxt4-patterns' && mkdir -p ~/.agents/skills && cp -R "$d"/'pi/core/skills/nuxt4-patterns' ~/.agents/skills/'nuxt4-patterns' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'nuxt4-patterns' ~/.claude/skills/'nuxt4-patterns' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for affaan-m/ECC shows the score of its lowest-scoring skill.

SkillTrust badge for affaan-m/ECC

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/affaan-m/ECC.svg)](https://zalavijaysinh.github.io/skilltrust/repos/affaan-m/ECC/)

Score history

Date	Version	Score
2026-11-08	`d2ef268`	75
2026-11-06	`b38be6a`	75

Also found in

Identical copies of this skill exist at:

affaan-m/ECC/skills/nuxt4-patterns
affaan-m/everything-claude-code/pi/core/skills/nuxt4-patterns
affaan-m/everything-claude-code/skills/nuxt4-patterns