Deepseek Artifacts: generación de código React utilizando los mejores modelos de código abierto con el objetivo de construir un conjunto de datos abiertos de código front-end público.

Introducción general

Búsqueda profunda Artifacts es un sitio web para crear aplicaciones React utilizando los mejores modelos de código abierto del mundo. Los usuarios pueden describir la aplicación React de sus sueños y el sitio generará el código apropiado utilizando el modelo Deepseek V3 (modelo original: Meta-Llama). Las respuestas generadas se guardan en un conjunto de datos público para que otros usuarios puedan consultarlas y utilizarlas. El sitio también proporciona un entorno de caja de arena abierta donde los usuarios pueden probar y ajustar el código generado.

Ten en cuenta que el código que generes se compartirá en conjuntos de datos abiertos en el futuro, ten cuidado de no introducir información sensible.

Lista de funciones

• Crear aplicaciones React: Los usuarios pueden describir la aplicación React que desean y el sitio generará el código apropiado.
• Open Sandbox: proporciona un entorno para probar y ajustar el código generado.
• Guardado del código: el código generado se guardará en el conjunto de datos público para referencia de otros usuarios.
• Se admiten varios temas: por ejemplo, parte hero del tema stripe, modo oscuro + bento grid, etc.

Utilizar la ayuda

Cómo utilizar Deepseek Artifacts

1. Visite el sitio web de Deepseek Artifacts.
2. Introduzca una descripción de la aplicación React de sus sueños en el cuadro Descripción. Por ejemplo, "La parte heroica de un tema a rayas".
3. Haga clic en el botón "Generar" y el sitio generará el código apropiado utilizando el modelo Deepseek V3.
4. El código generado se muestra en un entorno sandbox abierto en el que puede probarlo y modificarlo.
5. Si está satisfecho con el código generado, puede guardarlo en un conjunto de datos público para otros usuarios.

Flujo detallado de funcionamiento de las funciones

1. Creación de una aplicación React::
   • Introduzca una descripción detallada de la aplicación React que desee en el cuadro Descripción.
   • Pulse el botón "Generar" y espere a que el modelo genere el código.
   • El código generado se muestra en un entorno sandbox en el que puede probarlo y modificarlo.
2. sandbox abierto::
   • El código generado se carga automáticamente en el entorno sandbox.
   • Puedes probar y ajustar tu código en el sandbox.
   • Si tiene problemas, compruebe el mensaje de error en la caja de arena y modifíquelo en consecuencia.
3. Ahorro de código::
   • El código generado se guarda automáticamente en el conjunto de datos público.
   • Puedes ver otros códigos generados por los usuarios en el conjunto de datos y tomarlos como referencia y aprender de ellos.

Detalles sobre el proyecto DeepSeek Artifacts

Nuevo codificador de IA gratuito para crear conjuntos de datos públicos de código front-end (Bolt, clase V0)

DeepSeek V3 está causando sensación en la comunidad de IA últimamente y ha conseguido situarse en lo más alto de las listas de LMS. Se trata de un logro bastante notable para un modelo de ponderación abierto. Lo que es aún más digno de mención es que es muy barato de usar. Hoy vamos a presentar DeepSeek Artifacts, una herramienta basada en él.

DeepSeek Artifacts es una herramienta completamente gratuita de Hugging Face que no requiere login ni registro para usarla directamente. Es capaz de generar código para React y Tailwind y funciona bastante bien.

Un objetivo importante de esta herramienta es ayudar a construir un nuevo conjunto de datos público de código front-end que estará abierto a todo el mundo en el futuro. El contenido generado por los usuarios se incluirá en este conjunto de datos y, gracias al modelo de código abierto, cualquiera podrá utilizarlo para entrenar sus propios modelos.

Dirección del conjunto de datos: https://huggingface.co/datasets/cfahlgren1/react-code-instructions

La interfaz de la herramienta tiene un diseño muy sencillo, sin demasiadas funciones complicadas. Puedes ver el enlace del conjunto de datos en la interfaz, y el contenido generado acaba en este conjunto de datos.

Como prueba, usamos el artículo que escribimos antes, "Hice un sitio web de servicios de IA de 0 a 1 con IA, sin escribir una sola línea de código", y le lanzamos ese trío de palabras prompt del principio para crear un prototipo de sitio web Saas. A continuación, la palabra prompt es bastante larga y se puede obtener a través de ese artículo anterior.

La interfaz se genera tras introducir la palabra de aviso:

A continuación, podemos hacer clic en "Abrir Sandbox" y la herramienta generará el proyecto en un entorno sandbox.

esto y Adorable tal vez Perno.nuevo Es muy similar, incluso como Claude Artifacts, pero la diferencia es que es completamente gratuito y funciona casi siempre que lo uso.

Puedes editar código directamente en el sandbox, por ejemplo usando las herramientas de Vercel para empezar a crear apps o herramientas SaaS directamente en tu teléfono. Si quieres descargar el proyecto, puedes guardarlo localmente o crear un repositorio en GitHub, lo que resulta muy cómodo. Es importante tener en cuenta que no es posible modificar el contenido dando comandos directamente al código generado, lo cual es un inconveniente menor. Sin embargo, si quieres modificar el código, puedes editarlo manualmente en el sandbox. O puedes editar el código directamente en el editor incorporado, lo cual es muy conveniente. Si quieres modificar el contenido utilizando la propia IA, puedes copiar el código, escribir una solicitud para la modificación deseada y pegar el código en la solicitud, luego enviar la solicitud. Se generará un nuevo contenido basado en el contexto. La herramienta también ofrece un gran soporte para aquellos que quieran ejecutar sus proyectos localmente. Sólo tienes que abrir la caja de arena de código y hacer clic en el botón de descarga para obtener el zip completo del proyecto que contiene el archivo package.json.

Descomprime el proyecto y ejecuta el comando npm run para iniciar el proyecto. Esta función es especialmente adecuada para escenarios en los que es necesario generar componentes o aplicaciones sencillas, y el contenido generado puede utilizarse solo o integrado en otros proyectos. Otra ventaja de la herramienta es la velocidad de generación. Por ejemplo, si la utilizas para crear una página que contenga una herramienta de optimización SEO, la herramienta incrustará el contenido después del primer párrafo, generará un FAQ, añadirá anuncios emergentes y será totalmente compatible. Los archivos del proyecto pueden desplegarse fácilmente en plataformas como Netlify. La herramienta de búsqueda de palabras clave muestra una gran capacidad de personalización. Tras introducir palabras clave, la herramienta genera código relevante, admite la introducción de claves API y la segmentación de dominios, y puede generar y agrupar automáticamente palabras clave, todo ello difícil de encontrar en otras herramientas.

En general, esta herramienta tiene mucho potencial, ya que es completamente gratuita y muy sencilla de utilizar. Aunque el contenido que generas puede incluirse en el conjunto de datos en el que están trabajando, tampoco a todo el mundo le molesta.