CtrlK
BlogDocsLog inGet started
Tessl Logo

nuxt-core

Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure. Use when: creating new Nuxt 4 projects, configuring nuxt.config.ts, setting up routing and middleware, implementing SEO with useHead/useSeoMeta, handling errors with error.vue and NuxtErrorBoundary, or understanding Nuxt 4 directory structure. Keywords: Nuxt 4, nuxt.config.ts, file-based routing, pages directory, definePageMeta, useHead, useSeoMeta, error.vue, NuxtErrorBoundary, middleware, navigateTo, NuxtLink, app directory, runtime config

98

1.50x
Quality

100%

Does it follow best practices?

Impact

99%

1.50x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

97%

57%

New SaaS Starter Project Setup

Nuxt 4 project setup and configuration

Criteria
Without context
With context

app/ srcDir structure

0%

100%

compatibilityVersion: 4

0%

100%

runtimeConfig structure

100%

100%

useRuntimeConfig not process.env

40%

70%

titleTemplate in config

100%

100%

server/ directory separate

100%

100%

bun commands used

0%

100%

bunx nuxi init

0%

100%

app.config.ts for UI settings

0%

100%

devtools enabled

100%

100%

100%

32%

Blog with Dynamic SEO

SEO meta tags and dynamic routing

Criteria
Without context
With context

useSeoMeta not useHead

100%

100%

Reactive meta functions

0%

100%

computed() route params

0%

100%

NuxtLink navigation

100%

100%

pages in app/pages/

100%

100%

ogTitle and ogDescription

100%

100%

twitterCard set

100%

100%

Dynamic route file naming

100%

100%

Catch-all or index page

100%

100%

compatibilityVersion: 4

0%

100%

100%

10%

Dashboard Authentication and Error Handling

Route middleware and error handling

Criteria
Without context
With context

return navigateTo()

100%

100%

definePageMeta middleware

100%

100%

.global.ts suffix

100%

100%

import.meta.client check

100%

100%

NuxtError type import

0%

100%

clearError with redirect

100%

100%

NuxtErrorBoundary used

100%

100%

createError fatal flag

100%

100%

middleware file in app/middleware/

100%

100%

error.vue in app/

100%

100%

Repository
secondsky/claude-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.