Catálogo
de módulos
Carpetas y ZIPReúso entre
proyectos
ModuleForge

Código que evoluciona.Módulos que se reutilizan.

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.

App de escritorioReúso de códigoPropio

  • Electron
  • React
  • TypeScript
  • Tailwind
Catálogo de módulosCarpetas y ZIPReúso entre proyectos
ModuleForge

Código que evoluciona.Módulos que se reutilizan.

Un catálogo propio para reaprovechar módulos React y Next.js.

  • Electron
  • React
  • TypeScript
  • Tailwind

Cataloga módulos React y los entrega listos para el próximo proyecto.

App de escritorioReúso de códigoPropio

  • Electron
  • React
  • TypeScript
  • Tailwind

La lectura de la carpeta

Un nombre de carpeta se vuelve un módulo.

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.

  • 📄 MEGA-ESTUDO-EXTRACAO-GALORYS.md…
  • 📄 PROMPT UNIVERSAL para COPIAR MODULO para PROJETO NOVO.md…
  • 📁 MODULO-00-SHARED/…
  • 📁 MODULO-04-BACKUP/…
  • 📁 MODULO-08-MENU/…
  • 🗜 MODULO-08-MENU.zip…
MODULO-Prefijo08NúmeroMENUNombre.zipExtensión
#08MenuZIP

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.

Escena del proyecto: la ventana del programa con un módulo abierto y capas de vidrio con TSX, Prisma y MD

Más que archivos. El contexto del módulo.

Código, models Prisma e instrucciones reunidos para integrar.

Archivos del móduloModels PrismaInstrucciones de integración

Abre 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.

Menu NavegacaoMenú con mega menú, búsqueda, mini carrito y menú móvil.
12 archivos · 3026 líneas

Tecnologías halladas

Next.jsPrismaframer-motionshadcn/uiZustandlucide-react

Models

MenuItem

header.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

El programa extrae lo que importa.

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.

Editable

Descripción

Menú principal con subítems para mega menú, header completo con búsqueda, mini carrito y menú móvil.

Texto de instalación

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.

Models

MenuItem

Las 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.

Escena del proyecto: una caja con la marca recibiendo archivos y una tarjeta de instrucciones, junto a la ventana del programa

De un proyecto al siguiente.

Una herramienta propia que convierte módulos en paquetes reutilizables.

Herramienta propiaGenerar ZIP + instruccionesPaquetes reutilizablesDesarrollo propio

A 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

Menu-Navegacao.zip

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

De qué está hecho, pieza por pieza

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