nuxt-website

Automates Vue 3/Nuxt 4 marketing website scaffolding, SEO configuration, and deployment optimization workflows.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/gitarbor/gitarbor-tui --skill nuxt-website-gitarbor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-website
Source: https://github.com/gitarbor/gitarbor-tui/tree/main/.opencode/skills/nuxt-website
Command: npx skills add https://github.com/gitarbor/gitarbor-tui --skill nuxt-website-gitarbor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers create and maintain Vue 3/Nuxt 4 marketing websites by providing structured guidance, best practices, and ready-to-use templates for pages, components, SEO, and deployment.

Core Features & Use Cases

  • Component-based development patterns for Nuxt 4
  • SEO and Open Graph meta handling with Nuxt modules
  • Project scaffolding and deployment best practices
  • Performance optimization and image handling with Nuxt Image

Quick Start

Scaffold a Nuxt 4 marketing site with Vue 3 components, SEO tags, and deployment setup according to the Nuxt project structure.

Frequently Asked Questions about nuxt-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Nuxt 4 marketing website with SEO tags?

To scaffold a Nuxt 4 marketing website, you need to set up the Nuxt project structure, implement Vue 3 components, configure SEO tagging with Nuxt modules, and establish deployment best practices for optimal performance.

What is the best way to handle image optimization in a Nuxt marketing site?

The best way to handle image optimization in a Nuxt marketing site is by using the Nuxt Image module, which provides structured workflows for performance optimization and image handling within your Vue 3 components.

Can I use Vue 3 components for page and layout development in Nuxt 4?

Yes, you can use Vue 3 components for page and layout development in Nuxt 4. The framework supports component-based development patterns to help you build and maintain marketing websites efficiently.

How do I configure Open Graph meta tags for a Nuxt website?

You configure Open Graph meta tags for a Nuxt website by utilizing dedicated Nuxt modules for SEO tagging. This ensures proper social sharing metadata and runtime configuration across your marketing pages.

Does Nuxt 4 require a specific project structure for marketing site development?

Yes, Nuxt 4 requires a specific project structure for marketing site development. Adhering to this structure ensures proper component-based development, runtime configuration, and seamless deployment optimization.

What are the deployment best practices for a Nuxt marketing site?

Deployment best practices for a Nuxt marketing site involve configuring runtime settings and optimizing performance during the scaffold phase. This ensures your Vue 3 application is production-ready and efficiently served.