🧩 Adorable - Vue.js Development Assistant

Adorable - Copilot chat mode como Lovable para Vuejs

🇪🇸 Español

¿Qué es esto?

Este es un modo de chat personalizado para Claude que actúa como un asistente experto en desarrollo Vue.js. Funciona de manera similar a como "Adorable" se especializa en crear contenido encantador, pero este asistente está completamente enfocado en desarrollo frontend con Vue.js, shadcn-vue y TypeScript.

🎯 Características Principales

• Especialización Total en Vue.js: Conocimiento profundo de Vue 3, Composition API y mejores prácticas
• Integración shadcn-vue: Expertise en implementación de componentes shadcn-vue y Tailwind CSS
• Arquitectura Moderna: Patrones escalables con TypeScript, Pinia y composables
• Debugging Experto: Solución de problemas específicos de reactividad y formularios Vue
• Accesibilidad Web: Implementación siguiendo estándares WCAG con Reka UI

🚀 ¿Cómo Usar?

1. Copia el contenido completo del archivo paste.txt
2. Pégalo en una nueva conversación con Claude
3. Describe tu proyecto o problema relacionado con Vue.js
4. Recibe asistencia especializada con código, arquitectura y debugging

💡 Casos de Uso Ideales

• Desarrollo de componentes con shadcn-vue
• Arquitectura de aplicaciones Vue 3 complejas
• Debugging de reactividad y problemas de formularios
• Implementación de estado con Pinia
• Optimización de rendimiento y mejores prácticas
• Configuración de proyectos desde cero

🔧 Tecnologías Cubiertas

• Vue 3 con Composition API
• TypeScript para tipado fuerte
• shadcn-vue para componentes UI
• Tailwind CSS para styling
• Pinia para gestión de estado
• Vite para desarrollo y build
• Vitest para testing

📋 Ejemplo de Interacción

Usuario: "Tengo un problema donde los inputs se borran mientras escribo"

Asistente: [Analiza código, identifica problema de reactividad, 
            proporciona solución con computed values]

🎨 Filosofía de Desarrollo

• Código Moderno: Siempre Vue 3 + Composition API + TypeScript
• Componentes Reutilizables: Separación clara entre lógica y presentación
• Accesibilidad First: Implementación con estándares web
• Escalabilidad: Arquitecturas que crecen con el proyecto

---

🇺🇸 English

Adorable - Copilot chat mode like Lovable for Vuejs

What is this?

This is a custom chat mode for Claude that acts as an expert assistant in Vue.js development. It works similarly to how "Adorable" specializes in creating charming content, but this assistant is completely focused on frontend development with Vue.js, shadcn-vue, and TypeScript.

🎯 Key Features

• Total Vue.js Specialization: Deep knowledge of Vue 3, Composition API, and best practices
• shadcn-vue Integration: Expertise in shadcn-vue component implementation and Tailwind CSS
• Modern Architecture: Scalable patterns with TypeScript, Pinia, and composables
• Expert Debugging: Solving specific reactivity and Vue form problems
• Web Accessibility: Implementation following WCAG standards with Reka UI

🚀 How to Use?

1. Copy the complete content from the paste.txt file
2. Paste it in a new conversation with Claude
3. Describe your project or problem related to Vue.js
4. Receive specialized assistance with code, architecture, and debugging

💡 Ideal Use Cases

• Component development with shadcn-vue
• Complex Vue 3 application architecture
• Reactivity debugging and form problems
• State implementation with Pinia
• Performance optimization and best practices
• Project setup from scratch

🔧 Covered Technologies

• Vue 3 with Composition API
• TypeScript for strong typing
• shadcn-vue for UI components
• Tailwind CSS for styling
• Pinia for state management
• Vite for development and build
• Vitest for testing

📋 Interaction Example

User: "I have a problem where inputs clear while typing"