Search everything...

Stats

Actions

Available In

saas-framework-kit

Name: saas-framework-kit
Author: miguelalrendon

By MiguelALRendon

Agente y gobernanza para el framework SaaS Vue dirigido por metadatos. Incluye skills de scaffolding (entidades, decoradores, inputs), subagentes (browser-tester con Playwright, architecture-reviewer, change-verifier), hooks de enforcement (bloquean violaciones de arquitectura) y verificación. El código es la fuente de la verdad.

npx claudepluginhub miguelalrendon/plantilla_saas_vue --plugin saas-framework-kit

Popularity

Stars

Med: 0·Avg: 281

Installs

Med: 0·Avg: 1

What's Inside

Agents3

architecture-reviewer

/architecture-reviewer

Revisa un diff contra los axiomas de arquitectura del framework que los hooks NO pueden detectar mecánicamente (flujo unidireccional, capas, acoplamiento). Úsalo proactivamente tras cambios en entities/decorations/models/components.

browser-tester

/browser-tester

Verifica la app SaaS Vue en un navegador real con Playwright (render de formularios desde decoradores, validaciones y flujos CRUD). Úsalo proactivamente para confirmar cambios de UI sin depender solo de tests.

change-verifier

/change-verifier

Corre el type-check (y tests si aplica) y devuelve solo un resumen, aislando el output verboso del contexto principal. Úsalo para confirmar que un cambio compila/pasa.

Skills6

audit-drift

/audit-drift

Detecta divergencias (drift) entre el código y la documentación generada/de referencia. Úsala para verificar que la doc refleja la realidad del código.

e2e

/e2e

Corre la suite end-to-end de Playwright de la app SaaS Vue. Úsala para verificar flujos de UI (login, CRUD) tras cambios.

new-decorator

/new-decorator

Andamia un decorador de metadatos nuevo (de propiedad o de clase) cableado de extremo a extremo. Úsala cuando el usuario quiera añadir un @Decorator al framework.

new-entity

/new-entity

Andamia una entidad nueva (subclase de BaseEntity) del framework SaaS Vue. Úsala cuando el usuario quiera añadir un módulo/entidad/modelo CRUD nuevo.

Crear un input de formulario nuevo

/new-input

Patrón real: `src/components/Form/TextInputComponent.vue` + registro en `src/models/input_registry.ts`. Lee ambos antes de generar.

Hooks1

Event Hooks

File writes

2 hooks across 2 events

MCP Servers1

playwright

LSP Servers1

typescript

typescript-language-server

Stats

Version0.1.0

LanguageTypeScript

Stars0

MaintenanceGood

Last CommitJun 21, 2026

AddedJun 21, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

saas-vue-local

Safety Signals

Caution

Modifies files

Hook triggers on file write and edit operations

Uses power tools

Uses Bash, Write, or Edit tools

README

Framework SaaS Vue - Configuración de Proyecto

ℹ️ Para trabajar con Claude Code / agentes, la guía vigente es CLAUDE.md, .claude/rules/ y docs/generated/. El código es la fuente de la verdad. Este proyecto se trabaja únicamente con Claude (el antiguo sistema Spec Kit / Copilot fue eliminado).

1. Propósito

Proporcionar instrucciones de configuración, instalación y ejecución del Framework SaaS Vue construido sobre Vue 3 y Vite.

2. Alcance

Este documento cubre:

Instalación de dependencias del proyecto
Configuración del entorno de desarrollo
Herramientas recomendadas para desarrollo
Comandos de compilación y ejecución

3. Definiciones Clave

Vue 3: Framework progresivo de JavaScript para construcción de interfaces de usuario.

Vite: Herramienta de construcción y servidor de desarrollo para aplicaciones web modernas.

Framework SaaS Vue: Framework meta-programático de generación automática de interfaces CRUD basado en decoradores TypeScript.

4. Descripción Técnica

El proyecto utiliza:

Vue 3 como framework de presentación
Vite como herramienta de construcción
TypeScript para tipado estático
Sistema de metadatos mediante decoradores

5. Flujo de Funcionamiento

Flujo de desarrollo:

Instalación de dependencias mediante npm
Ejecución de servidor de desarrollo con hot-reload
Desarrollo de entidades y decoradores
Compilación para producción

6. Reglas Obligatorias

6.1 Entorno de Desarrollo Obligatorio

IDE requerido: Visual Studio Code

Extensiones obligatorias:

Vue (Official) - Soporte para Vue 3 y TypeScript
Vetur debe estar deshabilitado para evitar conflictos

6.2 Herramientas de Navegador Requeridas

Navegadores Chromium (Chrome, Edge, Brave):

Vue.js devtools instalado
Custom Object Formatter habilitado en DevTools

Firefox:

Vue.js devtools para Firefox instalado
Custom Object Formatter habilitado en DevTools

6.3 Comandos de Proyecto

Instalación de dependencias:

npm install

Ejecución en modo desarrollo:

npm run dev

Construcción para producción:

npm run build

7. Prohibiciones

Prohibido:

Usar Vetur como extensión de VS Code (conflicto con Vue Official)
Ejecutar proyecto sin DevTools de Vue instaladas
Omitir instalación de dependencias antes de ejecutar

8. Dependencias

Dependencias externas:

Node.js y npm
Visual Studio Code
Navegador web moderno (Chromium o Firefox)

Dependencias de proyecto:

Definidas en package.json
Instaladas mediante npm install

10. Variables de Entorno

Copia .env.example a .env y ajusta los valores para tu entorno.

Variable	Default	Descripción
`VITE_APP_NAME`	`SaaS Vue Framework`	Nombre de la aplicación
`VITE_APP_VERSION`	`0.0.0`	Versión de la aplicación
`VITE_API_BASE_URL`	`http://localhost:3000/api`	URL base de la API
`VITE_API_TIMEOUT`	`10000`	Tiempo máximo de espera (ms)
`VITE_API_RETRY_ATTEMPTS`	`3`	Intentos de reintento ante error
`VITE_ENVIRONMENT`	`development`	Entorno (`development`\|`staging`\|`production`)
`VITE_LOG_LEVEL`	`debug`	Nivel de log (`debug`\|`info`\|`warn`\|`error`)
`VITE_AUTH_TOKEN_KEY`	`auth_token`	Clave localStorage para token de autenticación
`VITE_AUTH_REFRESH_TOKEN_KEY`	`refresh_token`	Clave localStorage para refresh token
`VITE_SESSION_TIMEOUT`	`1800000`	Tiempo de sesión (ms, default 30 min)
`VITE_ITEMS_PER_PAGE`	`20`	Registros por página en listas
`VITE_MAX_FILE_SIZE`	`5242880`	Tamaño máximo de archivo (bytes, default 5 MB)
`VITE_SELECTED_LANGUAGE`	`0`	Idioma: `0`=EN, `1`=ES, `2`=JP

9. Relaciones

Este documento se relaciona con:

CLAUDE.md - Guía para agentes (Claude Code)
.claude/rules/ - Reglas por capa
docs/generated/ - Referencia generada desde el código
package.json - Configuración de dependencias
vite.config.js - Configuración de Vite

10. Notas de Implementación

10.1 Configuración de Vite

Configuración personalizable mediante Vite Configuration Reference: https://vite.dev/config/

10.2 Enlaces de Herramientas

Vue.js DevTools - Chromium: https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

Custom Object Formatter - Chrome: http://bit.ly/object-formatters

Vue.js DevTools - Firefox: https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

Custom Object Formatter - Firefox: https://fxdx.dev/firefox-devtools-custom-object-formatters/

10.3 Extensión VS Code

Vue Official Extension: https://marketplace.visualstudio.com/items?itemName=Vue.volar

11. Referencias Cruzadas

View full README on GitHub

saas-framework-kit

Popularity

What's Inside

Confidence

README

Framework SaaS Vue - Configuración de Proyecto

1. Propósito

2. Alcance

3. Definiciones Clave

4. Descripción Técnica

5. Flujo de Funcionamiento

6. Reglas Obligatorias

6.1 Entorno de Desarrollo Obligatorio

6.2 Herramientas de Navegador Requeridas

6.3 Comandos de Proyecto

7. Prohibiciones

8. Dependencias

10. Variables de Entorno

9. Relaciones

10. Notas de Implementación

10.1 Configuración de Vite

10.2 Enlaces de Herramientas

10.3 Extensión VS Code

11. Referencias Cruzadas

Similar Plugins

context7-plugin

claude-buddy

fullstack-dev-skills

godot-skills

pr-review-toolkit

nature-skills

Framework SaaS Vue - Configuración de Proyecto

1. Propósito

2. Alcance

3. Definiciones Clave

4. Descripción Técnica

5. Flujo de Funcionamiento

6. Reglas Obligatorias

6.1 Entorno de Desarrollo Obligatorio

6.2 Herramientas de Navegador Requeridas

6.3 Comandos de Proyecto

7. Prohibiciones

8. Dependencias

10. Variables de Entorno

9. Relaciones

10. Notas de Implementación

10.1 Configuración de Vite

10.2 Enlaces de Herramientas

10.3 Extensión VS Code

11. Referencias Cruzadas

Popularity

Health & Quality

Similar Plugins

context7-plugin

claude-buddy

fullstack-dev-skills

godot-skills

pr-review-toolkit

nature-skills