skills.rest
riease
rieaseOFFICIAL
Explore all skills by this author →
WebsiteGitHub

setup-vue-backend

Set up Vue 3 projects with AutoRisk-365 compliant dependencies, scripts, and Vite aliases.

1|Updated Jan 28, 2026
Search Tags:#frontend#vue#setup#package.json#vite#project-setup#vue-3
One-click install
npx skills add https://github.com/riease/vue-backend-template --skill setup-vue-backend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: setup-vue-backend
Source: https://github.com/riease/vue-backend-template/tree/main/.agent/skills/setup-vue-backend
Command: npx skills add https://github.com/riease/vue-backend-template --skill setup-vue-backend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the initial setup of a Vue 3 frontend project to align with the AutoRisk-365 stack, reducing manual configuration and ensuring consistent tooling.

Core Features & Use Cases

  • Dependency scaffolding: installs production and development dependencies required by the standard Vue template.
  • Script configuration: updates package.json with a set of common scripts for development, build, and preview.
  • Project structure & aliases: configures Vite aliases (e.g., @ -> ./src) and project layout to match the template.
  • Use Case: When starting a new Vue project or updating an existing one to match the standard template, run this skill to quickly align dependencies, scripts, and tooling.

Quick Start

Initialize a Vue 3 project with the standard stack and verify npm run dev works.

Frequently Asked Questions about setup-vue-backend

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

FAQPage Schema
How do I set up a Vue 3 project with Vite and configure package.json scripts?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

What is the standard Vue 3 project stack for AutoRisk-365 compliance?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

Can I use this setup to align an existing Vue app to the standard template?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

How do I configure Vite aliases in a Vue 3 frontend project?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

What's the best way to scaffold Vue 3 dependencies and verify the build works?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

Why does my Vue 3 project need specific devDependencies and scripts in package.json?▼

This skill aligns Vue 3 projects with the AutoRisk-365 stack by updating package.json dependencies, devDependencies, scripts, and configuring Vite aliases. It applies to new projects or existing Vue apps requiring alignment to the standard template.

Related Skills

Explore More Software Engineering Skills→
sayali-ingle-pdlsayali-ingle-pdl

vitest-config

Generate a Vitest configuration file for Vue and TypeScript projects.

Community
Advanced
elbwalkerelbwalker
342

walkeros-understanding-development

Guide walkerOS contributors through npm-based build, test, and lint workflows.

Official
Intermediate
mouayadakelmouayadakel

code-style-enforcer

Enforce code style and quality standards using ESLint, Prettier, and TypeScript configurations.

Community
Intermediate
ViewableGravyViewableGravy

repo-package-references

Configure monorepo package references with workspace dependencies, Nx, and TypeScript path aliases.

Community
Intermediate