lovable-cleanup

Remove every trace of Lovable scaffolding and ship the project as your own. Made with agentic-awesome-skills · author: whoisabhishekadhikari

---

Visão Geral

Lovable (lovable.dev) inicializa projetos Vite + React + shadcn/ui com sua própria dependência de "tagger", branding, assets de placeholder e documentação Markdown gerada. A maioria dos desenvolvedores exporta do Lovable e quer um codebase limpo e de sua propriedade antes de publicar ou abrir o código. Esta habilidade cobre todas as 15 áreas onde o Lovable deixa suas "impressões digitais".

---

Quando Usar Esta Habilidade

• O usuário diz "limpar meu projeto Lovable" ou "remover branding do Lovable"
• O usuário diz "de-Lovable", "eu exportei do Lovable", ou "auditar por resquícios do Lovable"
• O projeto contém lovable-tagger em package.json
• O projeto contém CLEANUP_SUMMARY.md, DEPLOYMENT_GUIDE.md, ou DEVELOPMENT_SUMMARY.md
• index.html ainda tem um <title> genérico ou favicon do Lovable
• O usuário quer auditar um projeto Vite/React por resquícios de scaffolding antes de publicar

---

Conceitos Principais

O que o Lovable injeta

O Lovable adiciona três categorias de scaffolding que precisam ser removidas:

1. Dependência — lovable-tagger dev dep + componentTagger() call em vite.config.ts. Este é o único "hook" de runtime; removê-lo é sempre seguro.
2. Artefatos de branding — favicon.ico/png, og-image.png, logo.png, <title> genérico, e uma URL de projeto Lovable em README.md.
3. Documentação gerada — CLEANUP_SUMMARY.md, DEPLOYMENT_GUIDE.md, DEVELOPMENT_SUMMARY.md, LOGO_UPDATE.md na raiz do projeto.

Por que a ordem de execução importa

Remover dependências antes de editar arquivos de código-fonte evita conflitos no lockfile. Limpar a documentação por último significa que o README reflete o projeto já limpo.

Pegada de dependências não utilizadas

O Lovable pré-instala o conjunto completo de componentes shadcn/ui (29 componentes) e todos os primitivos Radix UI (30 pacotes). A maioria dos projetos usa 5–10. Os não utilizados podem ser removidos com segurança, mas @radix-ui/react-slot deve ser mantido — é uma dependência indireta usada internamente por muitos componentes shadcn através da prop asChild.

---

Ordem de Execução Recomendada

1. Dependências (Áreas 2 e 7) — limpe o grafo de pacotes primeiro
2. Configuração de build (Área 3) — remova o tagger do Vite
3. Pontos de entrada (Áreas 4 e 6) — limpe referências de runtime
4. Assets (Área 5) — troque arquivos de marca (atrase se os assets ainda não estiverem prontos)
5. Docs e README (Áreas 1 e 10) — limpe por último para que o README reflita o projeto limpo
6. Ambiente e Git (Áreas 9 e 12) — varredura de segurança
7. SEO / deploy (Área 11) — geralmente um "no-op"; confirme e siga em frente
8. Dependências não utilizadas (Área 13) — seguro para adiar até depois do lançamento se houver prazo
9. Favicon / cache CDN (Área 15) — faça o mais rápido possível após a troca dos assets; o cache do navegador ou CDN pode manter o ícone antigo visível, então verifique a resposta ao vivo

---

Guia Passo a Passo

Área 1 · README.md

• Linha 1: Substitua # Welcome to your Lovable project pelo título real do projeto
• Linha 5: Remova https://lovable.dev/projects/REPLACE_WITH_PROJECT_ID
• Linhas 11–19: Delete o bloco de instruções "Use Lovable"
• Linhas 65–73: Delete o bloco de documentação "Deploy via Lovable / custom domain"

✅ Após remover, leia o README do início ao fim. Ofereça-se para escrever um parágrafo introdutório de substituição se grandes seções foram removidas.

---

Área 2 · package.json

• Remova "lovable-tagger" de devDependencies
• Renomeie "name" de "vite_react_shadcn_ts" para o nome real do projeto (kebab-case)
• Escaneie o bloco scripts em busca de entradas "lovable" ou "lovable:*" e remova-as

<!-- security-allowlist: grep para escanear conteúdo de package.json, somente leitura, sem rede -->

grep -n "lovable" package.json

---

Área 3 · vite.config.ts

• Remova import { componentTagger } from "lovable-tagger"
• Remova mode === 'development' && componentTagger() do array de plugins
• Remova .filter(Boolean) se ele estava presente apenas para lidar com o tagger condicional

<!-- security-allowlist: grep para escanear configuração do vite, somente leitura -->

grep -n "lovable\|componentTagger\|filter(Boolean)" vite.config.ts

---

Área 4 · index.html

• Substitua o <title> genérico pelo nome real do produto
• Remova quaisquer comentários <!-- Generated by Lovable --> ou meta tags do Lovable
• Substitua a referência ao favicon do Lovable, se presente

<!-- security-allowlist: grep para escanear arquivo HTML, somente leitura -->

grep -in "lovable\|generator" index.html

---

Área 5 · public/ assets

…