Deepseek Artifacts: geração de código React usando os melhores modelos de código aberto com o objetivo de criar um conjunto de dados aberto de código front-end público

Introdução geral

Deepseek O Artifacts é um site para criar aplicativos React usando os melhores modelos de código aberto do mundo. Os usuários podem descrever o aplicativo React dos seus sonhos e o site gerará o código apropriado usando o modelo Deepseek V3 (modelo original: Meta-Llama). As respostas geradas são salvas em um conjunto de dados público para que outros usuários possam consultar e usar. O site também oferece um ambiente de sandbox aberto onde os usuários podem testar e ajustar o código gerado.

Observe que o código que você gerar será compartilhado em conjuntos de dados abertos no futuro; tome cuidado para não inserir informações confidenciais.

Lista de funções

• Criar aplicativos React: os usuários podem descrever o aplicativo React que desejam e o site gerará o código apropriado.
• Open Sandbox: fornece um ambiente para testar e ajustar o código gerado.
• Salvamento do código: o código gerado será salvo no conjunto de dados público para referência de outros usuários.
• Há suporte para vários temas: por exemplo, parte heroica do tema stripe, modo escuro + grade bento etc.

Usando a Ajuda

Como usar o Deepseek Artifacts

1. Visite o site da Deepseek Artifacts.
2. Digite uma descrição do aplicativo React dos seus sonhos na caixa Description (Descrição). Por exemplo, "A parte heroica de um tema listrado".
3. Clique no botão "Generate" (Gerar) e o site gerará o código apropriado usando o modelo Deepseek V3.
4. O código gerado é exibido em um ambiente de sandbox aberto, onde você pode testar e ajustar o código.
5. Se estiver satisfeito com o código gerado, ele poderá ser salvo em um conjunto de dados público para outros usuários.

Fluxo de operação detalhado da função

1. Criando um aplicativo React::
   • Digite uma descrição detalhada do aplicativo React que você deseja na caixa Description (Descrição).
   • Clique no botão "Generate" (Gerar) e aguarde até que o modelo gere o código.
   • O código gerado é exibido em um ambiente sandbox, onde você pode testá-lo e ajustá-lo.
2. caixa de areia aberta::
   • O código gerado é carregado automaticamente no ambiente sandbox.
   • Você pode testar e ajustar seu código na área restrita.
   • Se tiver problemas, você pode verificar a mensagem de erro na sandbox e modificá-la adequadamente.
3. Economia de código::
   • O código gerado é salvo automaticamente no conjunto de dados públicos.
   • Você pode visualizar outros códigos gerados por usuários no conjunto de dados para referência e aprendizado.

Detalhes sobre o projeto DeepSeek Artifacts

Novo codificador de IA gratuito para criar conjuntos de dados de código de front-end públicos (Bolt, classe V0)

O DeepSeek V3 vem causando grande impacto na comunidade de IA ultimamente e conseguiu chegar ao topo das tabelas de LMS. Essa é uma conquista notável para um modelo de ponderação aberto. O que é ainda mais notável é que ele é muito barato de usar. Hoje vamos apresentar o DeepSeek Artifacts, uma ferramenta baseada nele.

O DeepSeek Artifacts é uma ferramenta totalmente gratuita da Hugging Face que não requer login ou registro para ser usada diretamente. Ela é capaz de gerar código para React e Tailwind e funciona muito bem.

Um objetivo importante dessa ferramenta é ajudar a criar um novo conjunto de dados de código de front-end público que será aberto a todos no futuro. O conteúdo gerado pelo usuário será incluído nesse conjunto de dados e, devido ao modelo de código aberto, qualquer pessoa poderá usá-lo para treinar seus próprios modelos.

Endereço do conjunto de dados: https://huggingface.co/datasets/cfahlgren1/react-code-instructions

A interface da ferramenta tem um design muito simples, sem muitos recursos complicados. Você pode ver o link do conjunto de dados na interface, e o conteúdo gerado acaba nesse conjunto de dados.

Como teste, usamos o artigo que escrevemos anteriormente, "Criou um site de serviço de IA de 0 a 1 com IA, sem escrever uma única linha de código", e lançamos esse trio de palavras de alerta desde o início para que ele criasse um protótipo de site Saas. A palavra-chave é bastante longa e pode ser obtida no artigo acima.

A interface é gerada após a inserção da palavra de prompt:

Em seguida, podemos clicar em "Open Sandbox" e a ferramenta gerará o projeto em um ambiente de sandbox.

isso e Adorável talvez Parafuso.new é muito semelhante, até mesmo como Claude Artifacts, mas a diferença é que ele é totalmente gratuito e funciona quase sempre que eu o uso.

Você pode editar o código diretamente na área restrita, por exemplo, usando as ferramentas da Vercel para começar a criar aplicativos ou ferramentas SaaS diretamente no seu telefone. Se quiser fazer download do projeto, você pode salvá-lo localmente ou criar um repositório do GitHub, o que é muito conveniente. É importante observar que não é possível modificar o conteúdo dando comandos diretamente ao código gerado, o que é uma pequena desvantagem. Entretanto, se você quiser modificar o código, poderá editá-lo manualmente na área restrita. Ou você pode editar o código diretamente no editor integrado, o que é muito conveniente. Se quiser modificar o conteúdo usando a própria IA, você poderá copiar o código, escrever uma solicitação para a modificação desejada, colar o código na solicitação e, em seguida, enviar a solicitação. Ele gerará um novo conteúdo com base no contexto. A ferramenta também oferece excelente suporte para quem deseja executar o projeto localmente. Basta abrir a área restrita do código e clicar no botão de download para obter o zip completo do projeto que contém o arquivo package.json.

Descompacte o projeto e execute o comando npm run para iniciar o projeto. Esse recurso é particularmente adequado para a necessidade de gerar componentes ou cenários de aplicativos simples. O conteúdo gerado pode ser usado sozinho, mas também pode ser integrado a outros projetos. Outra vantagem da ferramenta é a velocidade de geração. Por exemplo, se você usá-la para criar uma página que contenha uma ferramenta de otimização de SEO, a ferramenta incorporará o conteúdo após o primeiro parágrafo, gerará um FAQ, adicionará anúncios pop-up e estará em total conformidade. Os arquivos de projeto podem ser facilmente implantados em plataformas como a Netlify. Ao criar a ferramenta de pesquisa de palavras-chave, ela apresenta excelentes recursos de personalização. Depois de inserir as palavras de alerta, a ferramenta gera o código relevante, oferece suporte à entrada de chave de API e à segmentação de domínio e pode gerar e agrupar automaticamente as palavras-chave, todos os quais são difíceis de encontrar em outras ferramentas.

De modo geral, essa ferramenta tem muito potencial, pois é totalmente gratuita e muito simples de usar. Embora o conteúdo que você gera possa ser incluído no conjunto de dados em que eles estão trabalhando, nem todos se importam com isso.