vue-create-auth-forms

Automates secure login UI creation for Vue 3 with Zod validation and Pinia.

1|Updated Mar 18, 2026
One-click install
npx skills add https://github.com/bmslabs/bmlabs-projects-templates --skill vue-create-auth-forms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-create-auth-forms
Source: https://github.com/bmslabs/bmlabs-projects-templates/tree/main/view-vuejs/.github/skills/vue-create-auth-forms
Command: npx skills add https://github.com/bmslabs/bmlabs-projects-templates --skill vue-create-auth-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Este Skill facilita la creación de interfaces de inicio de sesión seguras para apps Vue, asegurando una identidad corporativa y validación de datos sin duplicar lógica.

Core Features & Use Cases

  • Validación con Zod para entradas sin necesidad de código inline.
  • Componentes compartidos como FormInput y AppButton con manejo de errores y estado de carga.
  • Referencias visuales corporativas para garantizar consistencia de diseño.
  • Flujos de autenticación completos con almacenamiento de sesión y redirección post-login.

Quick Start

Renderiza una vista de inicio de sesión corporativa usando las referencias proporcionadas y los componentes compartidos.

Frequently Asked Questions about vue-create-auth-forms

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

FAQPage Schema
How do I build a secure login form in Vue 3 with Zod validation?

Build a Vue 3 login form by applying Zod validators from '@/validators/auth.validator' to handle input validation, and integrate shared components like FormInput and AppButton to manage error states and loading indicators.

What is the best way to implement authentication flows in Vue with Pinia and Vue Router?

Implementing authentication flows requires using Pinia for state management and Vue Router for post-login redirection, while handling session-based token storage to maintain secure user sessions across the application.

How do I manage loading and error states in a Vue login component?

Manage loading and error states in a Vue login component by utilizing the AppButton component with the is-loading property and using FormInput to automatically render Zod validation errors for user feedback.

Does this Vue authentication approach support corporate visual references?

Yes, this Vue authentication approach supports corporate visual references to ensure design consistency, allowing you to render login interfaces that adhere to established corporate identity standards without duplicating logic.

How do I handle session-based tokens after a successful Vue login?

Handle session-based tokens after a successful Vue login by storing the token securely within the Pinia store and triggering a navigation event through Vue Router to redirect users to protected views.