Eu Construí um Editor CAD no Navegador e Depois Ensinei um LLM a Usá-lo
Eu construí um editor CAD no navegador. Depois, eu o entreguei para uma IA.
O resultado veio durante uma demonstração. Eu perguntei ao aplicativo: "Quantas portas e janelas existem?"
A IA as contou. Então ela acrescentou: "Nota: a D3 tem apenas 300 mm de largura. Provavelmente uma porta detectada incorretamente. Quer que eu verifique?"
A IA estava certa. Meu pipeline de dados transformou um pedaço de geometria em uma porta de 30 cm. Nenhum humano viu. O modelo viu uma porta mais estreita que uma caixa de sapatos e a sinalizou.
Este projeto exigiu a resolução de enormes obstáculos técnicos:
• Fazer o parsing de arquivos DWG, que são notoriamente difíceis. • Reconstruir modelos de edifícios a partir de milhares de linhas aleatórias. • Construir um editor CAD 2D do zero usando HTML5 Canvas. • Conectar o Claude como um agente com um conjunto de ferramentas.
Veja como o sistema funciona:
- Upload: Você arrasta um arquivo DWG para o navegador.
- Processamento: Um job em segundo plano converte o arquivo e extrai a geometria. Ele identifica paredes, portas, janelas e cômodos.
- Visualização: Você tem um visualizador 3D e um editor 2D completo com snapping e histórico de desfazer.
- Edição: Você usa um painel de chat para dizer a um agente de IA para fazer alterações.
A IA não apenas conversa. Ela usa ferramentas para editar o banco de dados. Se você disser: "Adicione uma janela na parede mais longa", a IA identifica a parede e coloca a abertura.
Principais lições do desenvolvimento:
• Nunca confie nos cabeçalhos de arquivos. Arquivos DWG costumam mentir sobre as unidades. Aprendi a ignorar o cabeçalho e olhar para os números reais das coordenadas para encontrar a escala. • Use um caminho de escrita único. A UI, o pipeline de importação e a IA utilizam o mesmo caminho validado. Isso garante que a IA não consiga criar geometrias impossíveis. • Dê à IA um histórico de desfazer. Quando a IA faz uma edição, o sistema agrupa toda essa ação em um único passo de desfazer. Se a IA cometer um erro, basta pressionar Ctrl+Z para reverter tudo. • Use regras topológicas, não limites matemáticos. Inicialmente, tentei encontrar cômodos pela área. Isso falhou em edifícios em formato de L. Mudei para uma regra topológica: a maior face em um arranjo conectado é sempre o exterior. Mantenha todo o resto.
A parte difícil não foi a IA. Foi transformar linhas anônimas em dados reais de construção. O recurso de IA levou apenas alguns dias porque a base era sólida.
Source: https://dev.to/arif/i-built-a-cad-editor-in-the-browser-then-taught-an-llm-to-use-it-1l92
Optional learning community: https://t.me/GyaanSetuAi