🧪 Nuxt4 Frontend
Expert guidance for Nuxt 4 projects with app/ directory structure, Vue 3 Composition API, TypeScript, Vitest, ESLint, and Tailwind CSS 4 with Vite plugin. Use when creating components, composables, tests, or any frontend code. Enforces Tailwind-only styling (no inline styles or custom CSS). Supports
npx playbooks add skill pstuart/pstuart --skill nuxt4-frontend
About Nuxt4 Frontend
Expert guidance for Nuxt 4 projects with app/ directory structure, Vue 3 Composition API, TypeScript, Vitest, ESLint, and Tailwind CSS 4 with Vite plugin. Use when creating components, composables, tests, or any frontend code. Enforces Tailwind-only styling (no inline styles or custom CSS). Supports
At 44 words, this compact prompt gives your agent specialized testing & qa expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Writing unit, integration, and end-to-end tests
- Setting up test coverage and CI pipelines
- Refactoring legacy code with confidence using tests
- Creating test plans and QA checklists
Example Prompts
System Prompt (44 words)
Expert guidance for Nuxt 4 projects with app/ directory structure, Vue 3 Composition API, TypeScript, Vitest, ESLint, and Tailwind CSS 4 with Vite plugin. Use when creating components, composables, tests, or any frontend code. Enforces Tailwind-only styling (no inline styles or custom CSS). Supports
Frequently Asked Questions
What is Nuxt4 Frontend?
Nuxt4 Frontend is a free testing & qa skill for AI coding agents. Expert guidance for Nuxt 4 projects with app/ directory structure, Vue 3 Composition API, TypeScript, Vitest, ESLint, and Tailwind CSS 4 with Vite plugin. Use when creating components, composables, tests, or any frontend code. Enforces Tailwind-only styling (no inline styles or custom CSS). Supports. It provides a specialized system prompt that configures your agent with testing & qa expertise.
How do I use Nuxt4 Frontend with Claude Code?
Run npx playbooks add skill pstuart/pstuart --skill nuxt4-frontend in your terminal to install Nuxt4 Frontend into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Nuxt4 Frontend?
Nuxt4 Frontend is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Nuxt4 Frontend free to use?
Yes, Nuxt4 Frontend is completely free and open source. The full source is available on GitHub at https://github.com/pstuart/pstuart/tree/main/Claude/skills/nuxt4-frontend. You only need a subscription to the AI agent you use it with.
