PTENES
Catálogo
de módulosPastas e ZIPsReúso entre
projetos
ModuleForge

Código que evolui.Módulos que se reutilizam.

Um catálogo próprio para reaproveitar módulos React e Next.js.

Cataloga módulos React e os entrega prontos para o próximo projeto.

App desktopReúso de códigoAutoral

  • Electron
  • React
  • TypeScript
  • Tailwind
Catálogo de módulosPastas e ZIPsReúso entre projetos
ModuleForge

Código que evolui.Módulos que se reutilizam.

Um catálogo próprio para reaproveitar módulos React e Next.js.

  • Electron
  • React
  • TypeScript
  • Tailwind

Cataloga módulos React e os entrega prontos para o próximo projeto.

App desktopReúso de códigoAutoral

  • Electron
  • React
  • TypeScript
  • Tailwind

PortfólioModuleForge

A leitura da pasta

Um nome de pasta vira um módulo.

O programa não pede cadastro: lê a pasta de cada projeto e entende sozinho o que é módulo, o que é ZIP repetido e o que é documento do projeto. As pastas abaixo são as de verdade. Leia uma e depois teste um nome qualquer.

  • 📄 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-Prefixo08NúmeroMENUNome.zipExtensão
#08MenuZIP

As regras são as do programa (file-parser.ts). O ZIP só fica de fora quando o nome é o mesmo da pasta (MODULO-08-MENU e MODULO-08-MENU.zip); com nomes diferentes (15-VITRINES e MODULO-15-VITRINES.zip), os dois aparecem, é o que as telas mostram.

Cena do projeto: a janela do programa com um módulo aberto e camadas de vidro com TSX, Prisma e MD

Mais que arquivos. O contexto do módulo.

Código, models Prisma e instruções reunidos para integrar.

Arquivos do móduloModels PrismaInstruções de integração

Abra o módulo Menu Navegação como ele está no programa: doze arquivos, cada um com as suas linhas. A cada arquivo aberto, o programa procura sinais das tecnologias usadas.

Menu NavegacaoMenu com mega menu, busca, mini-carrinho e menu do celular.
12 arquivos · 3.026 linhas

Tecnologias achadas

Next.jsPrismaframer-motionshadcn/uiZustandlucide-react

Models

MenuItem

header.tsxaberto

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"

As linhas são as da tela do programa (3.026 no total) e os começos de arquivo são os reais. A detecção é a do programa (file-parser.ts): ela procura textos como "next/", "prisma" e "lucide-react", por isso até o .md de instruções acende etiquetas.

O que sai dos arquivos

O programa garimpa o que importa.

Ninguém precisa preencher a ficha do módulo: o programa tira a descrição, o texto de instalação e os models de dentro dos próprios arquivos. Mexa no texto e veja o que muda.

Editável

Descrição

Menu principal com subitens para mega menu, header completo com busca, mini-cart e menu do celular.

Texto de instalação

Módulo extraído de uma loja de moda.
Stack: Next.js 16 + Prisma + shadcn/ui + Tailwind CSS 4 + framer-motion

=== REGRAS ===
1. Copiar o módulo inteiro, sem alterar nada.
2. Ordem: model no schema → migrate → API → página do painel → componentes.
3. Conferir arquivo por arquivo.

=== O QUE ESTE MÓDULO FAZ ===
Menu principal com subitens para mega menu, header completo com busca, mini-cart e menu do celular.

=== MODELS PRISMA ===
Ver schema.prisma neste pacote.

Models

MenuItem

As expressões são as do programa (file-parser.ts); o título "O QUE ESTE MÓDULO FAZ" fica em português porque é ele que o programa procura. O schema é o real do módulo; o arquivo de instruções segue o formato do real, com o texto resumido.

Cena do projeto: uma caixa com a marca recebendo arquivos e um cartão de instruções, ao lado da janela do programa

De um projeto para o próximo.

Uma ferramenta autoral que transforma módulos em pacotes reutilizáveis.

Ferramenta autoralGerar ZIP + instruçõesPacotes reutilizáveisDesenvolvimento autoral

Na hora de levar um módulo para outro projeto, um botão faz o pacote: o ZIP com os arquivos e o texto de instalação na área de transferência, juntos ou separados. Escolha um módulo e faça o seu.

Escolha o módulo

A caixa do pacote

Menu-Navegacao.zip

12 arquivos esperando a caixa.

As telas de verdade

Os botões são os do programa (App.tsx e main.ts): o ZIP leva o nome do módulo com hífens; o texto copiado é o bloco de instruções do módulo ou, sem ele, este texto de reserva que o programa monta. Aqui a cópia vai mesmo para a sua área de transferência; o ZIP é só mostrado.

As tecnologias

Do que é feito, peça por peça

Um programa de computador em Electron: a tela é React com Tailwind, e tudo o que mexe em pasta, ZIP e área de transferência fica no processo principal, que abre para a tela só 13 funções. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.

8tecnologias, em 2 camadas

Tela

Programa

Próximo projeto46 / 51

Ferramentas para criação e desenvolvimentoProjectVaultApp desktop que organiza projetos locais em setores, sem mover pastas: cards com miniatura, tecnologia detectada, tags, favoritos e abertura no editorElectron 28electron-storeReact 18JavaScript← AnteriorMotor Design
Início