Shared
La base común del proyecto: el schema con los 38 models.
- Arch.
- 7
- Líneas
- 1474
- Models
- 38
Catálogo
Un catálogo propio para reaprovechar módulos React y Next.js.
Cataloga módulos React y los entrega listos para el próximo proyecto.
Catálogo de módulosCarpetas y ZIPReúso entre proyectos
Un catálogo propio para reaprovechar módulos React y Next.js.
Cataloga módulos React y los entrega listos para el próximo proyecto.
El catálogo
Cada proyecto se vuelve una columna de módulos, y cada módulo muestra cuántos archivos, líneas y models trae. Busca como en el programa: por nombre, descripción, un model o el origen.
La base común del proyecto: el schema con los 38 models.
Bandeja de mensajes del sitio con filtros y etiquetas de colores.
Central con SEO, seguridad, correo y más, en tarjetas.
Listar, buscar, promover, bloquear y dar puntos a usuarios.
Copia y restauración, con registro en vivo y copia en la nube.
Gestión de los socios y patrocinadores del sitio.
Orden y visibilidad de las secciones de la portada.
Pie de página en columnas de enlaces, editado en el panel.
Menú con ítems y subítems, para desplegables.
Analytics, píxel, WhatsApp y correo, cada uno con su interruptor.
Los números son los de las pantallas del programa; las descripciones y los models, de los archivos de cada módulo. La búsqueda es la del programa (App.tsx): nombre, descripción, nombre de model y el origen, "zip" o "folder". Dos módulos no aparecen con números en las pantallas (09 y 10): se contaron como cuenta el programa, línea por línea.
La lectura de la carpeta
El programa no pide registro: lee la carpeta de cada proyecto y entiende solo qué es módulo, qué es un ZIP repetido y qué es documento del proyecto. Las carpetas de abajo son las reales. Lee una y luego prueba cualquier nombre.
Las reglas son las del programa (file-parser.ts). El ZIP solo queda fuera cuando el nombre es el mismo de la carpeta (MODULO-08-MENU y MODULO-08-MENU.zip); con nombres distintos (15-VITRINES y MODULO-15-VITRINES.zip), aparecen los dos, es lo que muestran las pantallas.

Código, models Prisma e instrucciones reunidos para integrar.
Archivos del móduloModels PrismaInstrucciones de integraciónAbre el módulo Menu Navegacao tal como está en el programa: doce archivos, cada uno con sus líneas. Con cada archivo abierto, el programa busca señales de las tecnologías usadas.
Tecnologías halladas
Models
MenuItemheader.tsxabierto
import Link from "next/link"
import { useSession } from "next-auth/react"
import { Search, User, ShoppingBag } from "lucide-react"
import { Button } from "@/components/ui/button"
import { motion, AnimatePresence } from "framer-motion"
Las líneas son las de la pantalla del programa (3.026 en total) y los comienzos de archivo son los reales. La detección es la del programa (file-parser.ts): busca textos como "next/", "prisma" y "lucide-react", por eso hasta el .md de instrucciones enciende etiquetas.
Lo que sale de los archivos
Nadie tiene que llenar la ficha del módulo: el programa saca la descripción, el texto de instalación y los models de dentro de los propios archivos. Cambia el texto y mira qué cambia.
Menú principal con subítems para mega menú, header completo con búsqueda, mini carrito y menú móvil.
Módulo extraído de una tienda de moda. Stack: Next.js 16 + Prisma + shadcn/ui + Tailwind CSS 4 + framer-motion === REGLAS === 1. Copiar el módulo entero, sin cambiar nada. 2. Orden: model en el schema → migrate → API → página del panel → componentes. 3. Revisar archivo por archivo. === O QUE ESTE MÓDULO FAZ === Menú principal con subítems para mega menú, header completo con búsqueda, mini carrito y menú móvil. === MODELS PRISMA === Ver schema.prisma en este paquete.
MenuItemLas expresiones son las del programa (file-parser.ts); el título "O QUE ESTE MÓDULO FAZ" queda en portugués porque es el que busca el programa. El schema es el real del módulo; el archivo de instrucciones sigue el formato del real, con el texto resumido.

Una herramienta propia que convierte módulos en paquetes reutilizables.
Herramienta propiaGenerar ZIP + instruccionesPaquetes reutilizablesDesarrollo propioA la hora de llevar un módulo a otro proyecto, un botón arma el paquete: el ZIP con los archivos y el texto de instalación en el portapapeles, juntos o por separado. Elige un módulo y arma el tuyo.
Elige el módulo
La caja del paquete
12 archivos esperando la caja.
Las pantallas reales
Los botones son los del programa (App.tsx y main.ts): el ZIP lleva el nombre del módulo con guiones; el texto copiado es el bloque de instrucciones del módulo o, sin él, este texto de reserva que arma el programa (aquí traducido). La copia va de verdad a tu portapapeles; el ZIP solo se muestra.
Las tecnologías
Un programa de escritorio en Electron: la pantalla es React con Tailwind, y todo lo que toca carpetas, ZIP y el portapapeles vive en el proceso principal, que abre a la pantalla solo 13 funciones. Elige una pieza para ver qué hace aquí y en qué archivo está.
8tecnologías, en 2 capas
Pantalla
Programa
Siguiente proyecto46 / 51

Herramientas de creación y desarrolloProjectVaultApp de escritorio que organiza proyectos locales en sectores sin mover carpetas: tarjetas con miniatura, tecnología detectada, etiquetas, favoritos y apertura en el editorElectron 28electron-storeReact 18JavaScript
← AnteriorMotor Design