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.
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.
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.
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.
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.
Corre la suite end-to-end de Playwright de la app SaaS Vue. Úsala para verificar flujos de UI (login, CRUD) tras cambios.
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.
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.
Patrón real: `src/components/Form/TextInputComponent.vue` + registro en `src/models/input_registry.ts`. Lee ambos antes de generar.
Modifies files
Hook triggers on file write and edit operations
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
ℹ️ Para trabajar con Claude Code / agentes, la guía vigente es
CLAUDE.md,.claude/rules/ydocs/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).
Proporcionar instrucciones de configuración, instalación y ejecución del Framework SaaS Vue construido sobre Vue 3 y Vite.
Este documento cubre:
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.
El proyecto utiliza:
Flujo de desarrollo:
IDE requerido: Visual Studio Code
Extensiones obligatorias:
Navegadores Chromium (Chrome, Edge, Brave):
Firefox:
Instalación de dependencias:
npm install
Ejecución en modo desarrollo:
npm run dev
Construcción para producción:
npm run build
Prohibido:
Dependencias externas:
Dependencias de proyecto:
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 |
Este documento se relaciona con:
Configuración personalizable mediante Vite Configuration Reference: https://vite.dev/config/
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/
Vue Official Extension: https://marketplace.visualstudio.com/items?itemName=Vue.volar
npx claudepluginhub miguelalrendon/plantilla_saas_vue --plugin saas-framework-kitUpstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Permanent coding companion for Claude Code — survives any update. MCP-based terminal pet with ASCII art, stats, reactions, and personality.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Develop, test, build, and deploy Godot 4.x games with Claude Code. Includes GdUnit4 testing, web/desktop exports, CI/CD pipelines, and deployment to Vercel/GitHub Pages/itch.io.
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
A growing collection of Claude-compatible academic workflow bundles. Covers scientific figures, manuscript writing and polishing, reviewer assessment, citation retrieval, data availability, paper reading, literature search, response letters, paper-to-PPTX conversion, and evidence-grounded Chinese invention patent drafting. Rules are organized as reusable skill folders with explicit workflows and quality checks.