nuxt-generate-skill

nuxt-generate-skill is a skill for Claude Code, Codex from jiushiwon/wg-skills. It costs 159 tokens per session (3,767 once invoked), scanned A, original, Apache-2.0.

A project setup guide for Nuxt 3, a Vue-based framework for websites with server rendering and server-side APIs. It uses TypeScript and Pinia, a state-management library for Vue applications.

In plain words
What is it for?
Use it to start a Nuxt full-stack project, configure server and client requests, add API routes and authentication checks, set up SEO metadata, and manage runtime configuration.
Why use it?
It provides a consistent structure for projects that need browser pages, server-rendered content, API proxy routes, authentication, and search-engine settings in one codebase.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions CLAUDE.md; mentions Claude Code; mentions AGENTS.md.

Good fit Use it to start a Nuxt full-stack project, configure server and client requests, add API routes and authentication checks, set up SEO metadata, and manage runtime configuration.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/jiushiwon/wg-skills/nuxt-generate-skill
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add jiushiwon/wg-skills --skill nuxt-generate-skill
Clone the repo
git clone --depth 1 https://github.com/jiushiwon/wg-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for nuxt-generate-skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/jiushiwon/wg-skills/nuxt-generate-skill/github.svg)](https://agentmods.dev/skills/jiushiwon/wg-skills/nuxt-generate-skill)
Your own site
<a href="https://agentmods.dev/skills/jiushiwon/wg-skills/nuxt-generate-skill"><img src="https://agentmods.dev/badge/skills/jiushiwon/wg-skills/nuxt-generate-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for nuxt-generate-skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/jiushiwon/wg-skills/nuxt-generate-skill"><img src="https://agentmods.dev/badge/skills/jiushiwon/wg-skills/nuxt-generate-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 159 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,767 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00159 $0.03767
Opus 5.5 $0.00064 $0.01507
Sonnet 5.5 $0.00032 $0.00753
Haiku 4.5 $0.00016 $0.00377

Measured 17d ago against content hash 289089ca28f8, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

nuxt-generate-skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 17d ago.

The scan reads SKILL.md. This mod also ships 6 executable files (references/code-examples/server/api/auth/login.post.ts, references/code-examples/server/api/users/index.get.ts, references/code-examples/stores/app.ts, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

vibeCoding/frontend/vue/nuxt-generate-skill/SKILL.md · 473 lines

How it starts

The opening of the file, as written. The whole thing — 473 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Nuxt 3 全栈项目骨架生成

当用户要创建 Nuxt 3 + TypeScript + Pinia 全栈项目时触发本技能。

When to Use

  • 用户明确提到 Nuxt / Nuxt3 / Nuxt.js
  • 需要 SSR / SSG / ISR 渲染模式
  • 需要 SEO 优化(企业官网、内容站、电商)
  • 需要 BFF API 层(server/api/ 做后端代理)
  • 需要前后端同仓库的全栈项目

When NOT to Use

  • 纯 SPA(无 SSR 需求)→ 使用 vue-generate-skill
  • 小程序 / App / 跨端 → 使用 uniapp-app-generate-skill
  • React / Next.js 生态 → 使用 next-generate-skill
  • 静态文档站 → 使用 VitePress / Nuxt Content

核心能力清单

能力 说明
SSR 双轨请求 客户端 fetch + 服务端 $fetch,自动切换
BFF API 层 server/api/ + H3 event handler,代理 + 鉴权
SEO 开箱即用 useHead / useSeoMeta / sitemap / robots / JSON-LD
认证双层 客户端中间件路由守卫 + 服务端中间件 API 守卫
SSR 安全存储 useCookie + useState 替代 localStorage + ref
文件系统路由 pages/ 目录即路由,layouts/ 布局系统
环境变量 runtimeConfig(public + private)替代 process.env
vue-base-skill 组件复用 复用 Vue 体系 20+ 组件(3 次复用原则)

依赖声明

依赖技能 状态 说明
frontend-request-skill 强依赖 客户端请求层规范,本技能复用其 request.ts
vue-base-skill 可选 基础组件复用(3 次复用原则)

四阶段工作流

Phase 1: Pre-development(需求澄清)

目标:在写代码前明确项目范围和技术选型。

步骤 1.1 — 需求澄清

向用户提问以下问题(一次性收集):

  1. 项目类型:管理后台 / 企业官网 / 电商平台 / 内容网站 / 其他?
  2. UI 框架偏好:Element Plus / Nuxt UI / 其他?
  3. 是否需要 SSR:SEO 敏感页面需要 SSR,纯后台可用 SPA 模式
  4. 后端情况:已有后端 API?需要 BFF 代理?后端地址和接口规范?
  5. 认证方式:JWT Token / Session / OAuth?
  6. 部署环境:Vercel / 自建服务器 / Docker / 静态托管(SSG)?
步骤 1.2 — 技术方案确认

根据需求输出技术方案摘要:

项目类型:{项目类型}
渲染模式:{SSR / SSG / SPA}
UI 框架:{Element Plus / Nuxt UI}
请求层:frontend-request-skill 规范 + Nuxt $fetch
状态管理:Pinia Setup Store(SSR 安全存储)
认证方式:JWT + httpOnly Cookie
部署目标:{部署平台}

等待用户确认后进入下一阶段。


Phase 2: Project Initialization(项目初始化)

步骤 2.1 — 创建 Nuxt 项目
npx nuxi@latest init {项目名} --packageManager pnpm
cd {项目名}
步骤 2.2 — 安装核心依赖
# 核心
pnpm add pinia @pinia/nuxt

# UI 框架(二选一)
pnpm add element-plus @element-plus/nuxt    # Element Plus
# 或
pnpm add @nuxt/ui                            # Nuxt UI

# SEO 模块
pnpm add -D @nuxtjs/sitemap @nuxtjs/robots

# 开发工具
pnpm add -D @nuxt/eslint-config eslint prettier

Read the full file on GitHub · 473 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 17d ago First seen · 473 lines · 159 tokens per session scan A 289089ca28f8

Subscribe to this mod's changes

nuxt-generate-skill is a skill published in the GitHub repository jiushiwon/wg-skills (119 stars, last pushed 4d ago), licensed Apache-2.0. It adds 159 tokens to every session and 3,767 once invoked, about $0.0006 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-30.

Related

Other skills, from other repositories

jeecg-codegen

A JeecgBoot code generator that turns a natural-language request into a CRUD module: code for creating, reading, updating, and deleting records. It produces Java backend code, Vue 3 frontend code, menus, permissions, and database migration SQL.

jeecgboot/skills · 91 tokens

blueprint-from-collection-features

Build the spec's must-haves on Firebase: the screens and client logic, working inside the Firestore rules, proven against the emulators.

receptron/mulmoterminal · 37 tokens

web-meta-framework-nuxt

Nuxt patterns - file-based routing, data fetching (useFetch/useAsyncData), useState, server routes, middleware, auto-imports, layouts, SEO.

agents-inc/skills · 39 tokens

web-meta-framework-sveltekit

SvelteKit full-stack framework - file-based routing, load functions, form actions, server hooks, SSR/SSG, API routes, streaming, progressive enhancement.

agents-inc/skills · 39 tokens

inertia-rails-setup

One-time project initializer for Inertia Rails skills. Detects stack and frontend framework (React/Vue/Svelte) from Gemfile and package.json, offers to install recommended deps (alba-inertia, js-routes, pagy, shadcn), and generates a CLAUDE.md section that configures which skill patterns apply. Use when first…

inertia-rails/skills · 98 tokens

framework-expert

Unified framework expertise bundle. Lazy-loads relevant framework patterns (React, Vue, Angular, Next.js, Node.js, Python, Laravel, Go, Flutter, React Native, TypeScript) based on detected tech stack.

nguyenthienthanh/aura-frog · 48 tokens