ai_gallery

Inglês | 中文

Bem-vindo ao meu projeto de desenvolvimento da Web assistido de AA! Apesar de ter conhecimento mínimo de front-end (apenas um pouco de HTML e CSS), consegui criar alguns componentes interessantes com a ajuda do Claude 3.5 e GPT-4. Eu integrei esses componentes neste site de vitrine. Sinta -se à vontade para explorar e experimentar você mesmo!

Devo dizer que a IA realmente transformou a maneira como escrevemos código.

Visão geral do projeto

Este projeto foi construído usando o React e NextJs para geração estática do local (SSG) e é implantado no Netlify. Possui geração automática de mapas de site, integração do Google Analytics e suporte i18N para a internacionalização. Atualmente, a galeria inclui vários componentes interessantes e pretendo adicionar continuamente mais com a assistência da IA.

Algoritmos: Explore as visualizações interativas de algoritmos clássicos, como o BFS Pathfining, uma* pesquisa, o algoritmo de Dijkstra e operações de heap.

Jogos: Implementação de jogos clássicos como Gomoku (cinco seguidos), xadrez chinês, tetris e 2048.

Outros componentes: vários widgets interessantes, incluindo gráficos dinâmicos para visualização de dados.

Desenvolvimento local

Todos podem contribuir para melhorar esses componentes. Não se preocupe se você não tiver um histórico técnico de front -end - você pode aproveitar a IA para dar vida às suas idéias! Aqui estão as etapas simples para executar este projeto localmente:

1. Clone o repositório:

    git clone [email protected]:selfboot/ai_gallery.git
   

2. Navegue até o diretório do projeto:

    cd ai_gallery
   

3. Instale dependências:

    pnpm install
   

4. Inicie o servidor de desenvolvimento:

    pnpm dev
   

5. Abra seu navegador e visite http://localhost:3000 para visualizar o projeto.

Se você encontrar algum problema ao longo do caminho, tente usar a IA para resolvê -los!

Reflexões sobre o uso da IA

Como um novato, sem experiência em desenvolvimento na Web, aprendi muito conhecimento prático de front-end através do desenvolvimento assistido pela AA deste projeto. Foi incrivelmente gratificante finalmente criar as visualizações que sempre quis fazer.

1. Oportunidade de aprendizado : a assistência da IA ​​me ajudou a entender rapidamente aspectos do React, JavaScript e práticas modernas de desenvolvimento da Web.
2. Resolução de problemas : Embora a IA tenha desempenhado um papel crucial em muitos aspectos, ainda havia problemas que exigiam intervenção humana para resolver.

O impacto da AI

GPT-4 e Claude 3.5 provaram ser mentores virtuais totalmente capazes e parceiros de programação em pares. Mesmo sem a experiência anterior de desenvolvimento do React, eles me ajudaram a entender rapidamente os conceitos do React, a implementar lógica complexa, criar UIs atraentes e entender os princípios subjacentes. São excelentes assistentes de programação, introduzindo rapidamente as melhores práticas, padrões de design e técnicas de otimização. Eles ajudam a resolver vários problemas desafiadores, ganhando verdadeiramente o título dos melhores mentores.

Limitações da IA

A IA ainda tem algumas alucinações e limitações na capacidade de raciocínio. Às vezes, o código gerado pela IA contém bugs ou não atende totalmente aos requisitos do projeto e, às vezes, as explicações fornecidas não são claras o suficiente. Nessas situações, você precisa depurar e resolver problemas por conta própria.

Colaboração ai-humana

A abordagem mais eficaz é usar a IA como uma ferramenta colaborativa, combinando seu vasto conhecimento com criatividade pessoal e entendimento específico do projeto para concluir o trabalho interessante mais rápido e melhor.

Comparando GPT-4 e Claude 3.5

Essas são opiniões pessoais e apenas para referência. Ambos os modelos de IA desempenharam papéis importantes neste projeto, cada um com seus próprios pontos fortes. Normalmente, uso Claude 3.5 para prototipagem rápida e GPT-4 para resolver problemas detalhados.

• GPT-4 : Excels em fornecer explicações detalhadas e manusear tarefas complexas e várias etapas. Para questões em que tenho um entendimento geral da causa, o GPT-4 geralmente fornece boas e explicações quando recebe solicitações detalhadas.
• Claude 3.5 : tem um desempenho excepcionalmente bem na geração de códigos e na refatoração. Dada uma descrição simples de requisitos, geralmente produz rapidamente um bom protótipo. Suas respostas geralmente são mais concisas e diretamente aplicáveis, tornando -as ótimas para implementação rápida e corrigir bugs.