Deepseek Artifacts : générer du code React en utilisant les meilleurs modèles open source dans le but de construire un ensemble de données ouvertes de code front-end public.

Introduction générale

Deepseek Artifacts est un site web qui permet de créer des applications React en utilisant les meilleurs modèles open source du monde. Les utilisateurs peuvent décrire l'application React de leurs rêves et le site génère le code approprié en utilisant le modèle Deepseek V3 (modèle original : Meta-Llama). Les réponses générées sont sauvegardées dans un ensemble de données public pour que d'autres utilisateurs puissent s'y référer et les utiliser. Le site fournit également un environnement sandbox ouvert où les utilisateurs peuvent tester et ajuster le code généré.

Notez que le code que vous générez sera partagé dans des ensembles de données ouverts à l'avenir, veillez à ne pas saisir d'informations sensibles.

Liste des fonctions

• Créer des apps React : les utilisateurs peuvent décrire l'app React qu'ils souhaitent et le site générera le code approprié.
• Open Sandbox : fournit un environnement pour tester et mettre au point le code généré.
• Sauvegarde du code : le code généré sera sauvegardé dans le jeu de données public pour que d'autres utilisateurs puissent s'y référer.
• Plusieurs thèmes sont pris en charge : par exemple, la partie héroïque du thème stripe, le mode sombre + la grille bento, etc.

Utiliser l'aide

Comment utiliser Deepseek Artifacts

1. Visitez le site web de Deepseek Artifacts.
2. Saisissez une description de l'application React de vos rêves dans le champ Description. Par exemple, "Le héros d'un thème à rayures".
3. Cliquez sur le bouton "Générer" et le site générera le code approprié en utilisant le modèle Deepseek V3.
4. Le code généré est affiché dans un environnement ouvert où vous pouvez le tester et le modifier.
5. Si le code généré est satisfaisant, il peut être enregistré dans un jeu de données public pour les autres utilisateurs.

Fonction détaillée du déroulement des opérations

1. Créer une application React: :
   • Saisissez une description détaillée de l'application React que vous souhaitez dans le champ Description.
   • Cliquez sur le bouton "Générer" et attendez que le modèle génère le code.
   • Le code généré est affiché dans un environnement de type "bac à sable" où vous pouvez le tester et le modifier.
2. bac à sable ouvert: :
   • Le code généré est automatiquement chargé dans l'environnement sandbox.
   • Vous pouvez tester et peaufiner votre code dans le bac à sable.
   • Si vous rencontrez des problèmes, vérifiez le message d'erreur dans le bac à sable et modifiez-le en conséquence.
3. Économie de code: :
   • Le code généré est automatiquement enregistré dans le jeu de données public.
   • Vous pouvez consulter d'autres codes générés par les utilisateurs dans l'ensemble de données à des fins de référence et d'apprentissage.

Détails sur le projet DeepSeek Artifacts

Nouveau codeur IA gratuit pour construire des ensembles de données de codes frontaux publics (Bolt, classe V0)

DeepSeek V3 a fait des vagues dans la communauté de l'IA ces derniers temps, et il est parvenu à se hisser au sommet du palmarès LMS. Il s'agit d'une performance remarquable pour un modèle de pondération ouvert. Ce qui est encore plus remarquable, c'est qu'il est très peu coûteux à utiliser. Aujourd'hui, nous allons présenter DeepSeek Artifacts, un outil basé sur ce modèle.

DeepSeek Artifacts est un outil entièrement gratuit de Hugging Face qui ne nécessite pas de connexion ou d'enregistrement pour être utilisé directement. Il est capable de générer du code pour React et Tailwind et fonctionne assez bien.

Un objectif important de cet outil est de contribuer à la construction d'un nouvel ensemble de données publiques de codes frontaux qui sera ouvert à tous à l'avenir. Le contenu généré par les utilisateurs sera inclus dans ce jeu de données et, grâce au modèle open source, tout le monde pourra l'utiliser pour former ses propres modèles.

Adresse de l'ensemble des données : https://huggingface.co/datasets/cfahlgren1/react-code-instructions

L'interface de l'outil est très simple et ne comporte pas trop de fonctions compliquées. Vous pouvez voir le lien vers l'ensemble de données sur l'interface, et le contenu généré aboutit dans cet ensemble de données.

En guise de test, nous avons utilisé l'article que nous avons écrit précédemment, "Créer un site Web de services d'IA de 0 à 1 avec l'IA, sans écrire une seule ligne de code", et nous lui avons lancé ce trio de mots-guides depuis le début pour créer un prototype de site Web Saas. Le mot-clé est assez long et peut être obtenu par le biais de l'article ci-dessus.

L'interface est générée après la saisie du mot-clé :

Ensuite, nous pouvons cliquer sur "Open Sandbox" et l'outil générera le projet dans un environnement sandbox.

ce et Adorable peut-être Boulon.nouveau C'est très similaire, voire semblable Claude Artifacts, mais la différence est qu'il est entièrement gratuit et qu'il fonctionne presque à chaque fois que je l'utilise.

Vous pouvez modifier le code directement dans le bac à sable, par exemple en utilisant les outils de Vercel pour commencer à créer des applications ou des outils SaaS directement sur votre téléphone. Si vous souhaitez télécharger le projet, vous pouvez l'enregistrer localement ou créer un dépôt GitHub, ce qui est très pratique. Il est important de noter qu'il n'est pas possible de modifier le contenu en donnant des commandes directement au code généré, ce qui est un inconvénient mineur. Cependant, si vous souhaitez modifier le code, vous pouvez l'éditer manuellement dans le bac à sable. Vous pouvez également éditer le code directement dans l'éditeur intégré, ce qui est très pratique. Si vous souhaitez modifier le contenu à l'aide de l'IA elle-même, vous pouvez copier le code, rédiger une demande pour la modification souhaitée et coller le code dans la demande, puis envoyer la demande. L'IA générera un nouveau contenu en fonction du contexte. L'outil offre également une aide précieuse à ceux qui souhaitent exécuter le projet localement. Il suffit d'ouvrir le bac à sable et de cliquer sur le bouton de téléchargement pour obtenir le fichier zip du projet complet contenant le fichier package.json.

Dézippez le projet et exécutez la commande npm run pour démarrer le projet. Cette fonctionnalité est particulièrement adaptée au besoin de générer des composants ou des scénarios d'application simples, le contenu généré pouvant être utilisé seul, mais aussi être intégré dans d'autres projets. Un autre avantage de l'outil est la rapidité de génération. Par exemple, si vous l'utilisez pour créer une page contenant un outil d'optimisation SEO, l'outil intégrera le contenu après le premier paragraphe, générera une FAQ, ajoutera des publicités pop-up, et sera entièrement conforme. Les fichiers de projet peuvent être facilement déployés sur des plateformes telles que Netlify. La création de l'outil de recherche de mots-clés montre de grandes capacités de personnalisation. Après avoir saisi des mots clés, l'outil génère un code pertinent, prend en charge la saisie de clés API et la segmentation des domaines, et peut générer et regrouper automatiquement des mots clés, autant d'éléments difficiles à trouver dans d'autres outils.

Dans l'ensemble, cet outil a beaucoup de potentiel car il est entièrement gratuit et très simple à utiliser. Bien que le contenu que vous générez puisse être inclus dans l'ensemble de données sur lequel ils travaillent, cela ne dérange pas tout le monde.