Built for developing the JARVIS AI Assistant UI with Vue 3 and Nuxt 3, this skill enforces TDD and security-first patterns throughout. It handles the specific risks of building 3D HUD interfaces that process user input, with concrete patterns for input sanitization using DOMPurify, CSP headers, and strict Zod validation on API routes. The implementation workflow is test-first all the way, with examples showing red-green-refactor cycles for components. Worth noting it calls out critical CVEs in specific Nuxt versions and includes typed composables, server-side secret management, and performance patterns for reactive 3D components. If you're building any interactive Vue app that takes user input, the sanitization patterns alone are worth studying.

skills.sh installs
227
GitHub stars
48
last updated
Aug 21, 2026

Install

$ npx -y skills add martinholovsky/claude-skills-generator --skill vue-nuxt --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue 3 / Nuxt 3 Development Skill

File Organization: This skill uses split structure. See references/ for advanced patterns and security examples.

1. Overview

This skill provides expertise for building the JARVIS AI Assistant user interface using Vue 3 and Nuxt 3. It focuses on creating responsive, performant 3D HUD interfaces with security-first development practices.

Risk Level: MEDIUM - Handles user input, renders dynamic content, potential XSS vectors

Primary Use Cases:

  • Building reactive 3D HUD components for JARVIS interface
  • Server-side rendering for initial load performance
  • Client-side state management integration
  • Secure handling of user inputs and API responses

2. Core Responsibilities

2.1 Fundamental Principles

Sponsors

Details

Repository
github.com/martinholovsky/claude-skills-generator
Categories
Frontend Development, Security, Automation & Workflows
First seen
Jun 3, 2026

More from martinholovsky/claude-skills-generator

All 50
1oguzhan18 avatarangular-pwaoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular PWA, service workers, offline support, manifest, or web app installation in Angular applications.190skills.sh installs
2oguzhan18 avatarangular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installs
3syncfusion avatarsyncfusion-react-rich-text-editorsyncfusion/react-ui-components-skillsImplements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use th783skills.sh installs
4syncfusion avatarsyncfusion-react-themessyncfusion/react-ui-components-skillsUse this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfus755skills.sh installs
5syncfusion avatarsyncfusion-react-tabssyncfusion/react-ui-components-skillsImplement and customize Tab components in Syncfusion React applications. Use this skill whenever the user needs to create tabbed interfaces, manage tab content 740skills.sh installs
6syncfusion avatarsyncfusion-react-query-buildersyncfusion/react-ui-components-skillsComprehensive guide to implementing Syncfusion React Query Builder component. Use this skill when building advanced filter interfaces, creating complex data que734skills.sh installs