Vue 3 & Nuxt 3 Gemini System Prompt

Production-grade architectural rulebook for Vue 3 & Nuxt 3. Engineered to eliminate LLM hallucinations, enforce strict deterministic conventions, and prevent architectural drift across Cursor IDE, Claude Code CLI, and autonomous multi-agent pipelines.

Target Path

prompts/gemini-system-instructions.json

Execution Scope

Project Context

Specification Format

Markdown / Config

AI Tool Support

Universal AI Assistants

02 / DRIFT ANALYSIS & VALUE PROPOSITION

Failure Patterns Prevented for Vue 3 & Nuxt 3

Without This Rule (Default LLM Behavior)Vulnerable

LLMs frequently write obsolete Options API Vue 2 code or misconfigure Nuxt 3 auto-imports. Rules enforce `<script setup lang='ts'>`, useFetch caching, and Nitro server routes.

Hallucination Symptoms

Invokes deprecated or removed APIs from older model training weights
Generates conflicting configuration files and invalid imports
Silently drops type-safety, boundaries, or transaction isolation

With This Rule (Guaranteed Invariants)Deterministic

Always use `<script setup lang='ts'>` and the Composition API; ban legacy Options API.

Use `useFetch` or `useAsyncData` for server-side data fetching with unique cache keys.

Colocate server endpoints under `server/api/` with `defineEventHandler`.

Rely on Nuxt auto-imports; avoid manual import statements for standard Vue and Nuxt composables.

04 / REPOSITORY PLACEMENT & 3-STEP TERMINAL INSTALLATION

How to Install Vue 3 & Nuxt 3 Gemini System Instructions via Terminal

Step 1: Open Project Directory & Verify Target Placement

Open your terminal and navigate to your project root folder where the prompts/gemini-system-instructions.json file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:

prompts/gemini-system-instructions.json

Step 2: Fetch Rule File via Terminal Command

Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to prompts/gemini-system-instructions.json:

Terminal One-Liner Install

Run directly in your project root to stream and write this rule file with one command.

Raw API Stream

mkdir -p "prompts" && curl -fsSL "https://www.devscratchpad.tech/api/raw/gemini-prompts/vue-nuxt" -o "prompts/gemini-system-instructions.json"

Step 3: Verify and Activate with AI Agent

Launch your AI coding assistant (Universal AI Assistants). The assistant will automatically discover prompts/gemini-system-instructions.json in your repository and apply the architectural guardrails, type constraints, and verification protocols during code generation.

05 / ROUTE DIRECTORY & CROSS-TOOLING

Alternative AI Formats for Vue 3 & Nuxt 3Cross-Tooling

/ai-skill-studio/cursor-rules/nextjs-15Next.js 15 Cursor Rules

→

/ai-skill-studio/cursor-rules/sveltekitSvelteKit Cursor Rules

→

Related Gemini System Instructions PresetsSame Directory

Frontend

Next.js 15 App Router

→

Frontend

React 19 & Vite