nuxt-production
Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hydration mismatches, optimizing performance and Core Web Vitals, writing tests with Vitest, deploying to Cloudflare Pages/Workers/Vercel/Netlify, or migrating from Nuxt 3 to Nuxt 4. Keywords: hydration, hydration mismatch, ClientOnly, SSR, performance, lazy loading, lazy hydration, Vitest, testing, deployment, Cloudflare Pages, Cloudflare Workers, Vercel, Netlify, NuxtHub, migration, Nuxt 3 to Nuxt 4
89
86%
Does it follow best practices?
Impact
100%
1.42xAverage score across 3 eval scenarios
Passed
No known issues
Quality
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is a well-crafted skill description that excels across all dimensions. It provides specific concrete actions, includes comprehensive natural trigger terms that developers would actually use, explicitly separates 'what' from 'when', and carves out a distinct niche around Nuxt 4 production optimization. The structured format with separate 'Use when' and 'Keywords' sections makes it highly effective for skill selection.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: hydration debugging, performance optimization, testing with Vitest, deployment to specific platforms (Cloudflare/Vercel/Netlify), and v4 migration. These are clearly defined, actionable domains. | 3 / 3 |
Completeness | Clearly answers both 'what' (hydration, performance, testing, deployment, migration) and 'when' with an explicit 'Use when:' clause listing specific trigger scenarios. Also includes a dedicated Keywords section for additional matching. | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: 'hydration mismatch', 'ClientOnly', 'SSR', 'lazy loading', 'Vitest', 'Cloudflare Pages', 'Cloudflare Workers', 'Vercel', 'Netlify', 'Core Web Vitals', 'Nuxt 3 to Nuxt 4'. These are exactly the terms developers would use when seeking help. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive — focuses specifically on Nuxt 4 production concerns (hydration, deployment to specific platforms, v4 migration). The combination of Nuxt 4 + specific platforms + Vitest + migration creates a clear niche unlikely to conflict with general Vue, general deployment, or general testing skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
72%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a well-structured, highly actionable skill covering a broad set of Nuxt 4 production topics with concrete, executable code examples throughout. Its main weaknesses are some content redundancy (hydration patterns repeated in two sections, version-specific features that may age poorly) and missing validation/verification steps in deployment and migration workflows. The progressive disclosure pattern with explicit reference-loading triggers is a notable strength.
Suggestions
Add validation checkpoints to the deployment workflow (e.g., 'Verify build output exists', 'Test deployed URL returns 200') and the migration workflow (e.g., 'Run dev server after each step to verify nothing broke').
Consolidate the overlapping hydration content between 'Hydration Best Practices' and 'Common Anti-Patterns' into a single section to reduce redundancy and save tokens.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is fairly comprehensive but includes some redundancy (e.g., hydration fix patterns appear in both 'Hydration Best Practices' and 'Common Anti-Patterns' sections with overlapping examples). The 'What's New in Nuxt 4' section with version-specific features adds bulk that may become stale. However, most content earns its place with concrete code examples rather than verbose explanations. | 2 / 3 |
Actionability | Nearly all guidance is backed by executable, copy-paste-ready code examples — from Vitest setup and component testing to deployment configs, migration steps, and hydration fixes. Commands are specific (e.g., `bunx wrangler pages deploy .output/public`) and code blocks are complete and runnable. | 3 / 3 |
Workflow Clarity | The migration section has a clear 5-step sequence, which is good. However, the deployment section lacks validation checkpoints — there's no 'verify the build succeeded' or 'test the deployment' step. The troubleshooting section partially compensates but isn't integrated into the workflows. For destructive operations like migration, there's no rollback guidance or verification steps between moves. | 2 / 3 |
Progressive Disclosure | The skill has a clear 'When to Load References' section that explicitly signals when to load detailed reference files (hydration.md, performance.md, testing-vitest.md, deployment-cloudflare.md) — one level deep with clear trigger conditions. The main file serves as an actionable overview while pointing to deeper materials, and the 'Related Skills' section provides cross-references. | 3 / 3 |
Total | 10 / 12 Passed |
Validation
81%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 9 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (653 lines); consider splitting into references/ and linking | Warning |
metadata_field | 'metadata' should map string keys to string values | Warning |
Total | 9 / 11 Passed | |
- Repository
- secondsky/claude-skills
- Commit
88da5ff
- Reviewed
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.