SkyDeck.ai Docs
S'inscrireConnexion AdminContactez-nous
Français
Français
  • SkyDeck.ai
  • GenStudio Workspace
    • Conversations
    • Application d'Aide SkyDeck AI
    • Téléchargement de Documents
    • Partage et Collaboration
    • Synchronisation Slack
    • Instantanés Publics
    • Navigation Web
    • Outils
      • Programmeur de Pair
        • Comment Utiliser
        • Exemple – Assistance Script Python
      • Assistant SQL
        • Comment Utiliser
        • Exemple – Débogage de Requête
      • Révision d'Accord Légal
        • Comment Utiliser
        • Exemple – Clause NDA
      • Apprends-moi Tout
        • Comment Utiliser
        • Exemple – Introduction à la Programmation
      • Consultant en Stratégie
        • Comment Utiliser
        • Exemple – Rétention des Employés
      • Générateur d'Images
        • Comment Utiliser
        • Exemple – Paysage d'Hiver
    • Sécurité des Données
      • Prévention de Perte de Données
  • Centre de Contrôle
    • Outils Admin & Propriétaire
    • Guide de Configuration
      • Configurer un Compte
      • Configurer des Intégrations
        • Assistance à l'Intégration
      • Configurer la Sécurité
        • Authentification (SSO)
      • Organiser des Équipes
        • Ajouter un Nouveau Groupe
        • Supprimer des Groupes
      • Curater des Outils
        • Outils Système
        • Attribuer des Étiquettes
      • Gérer les Membres
        • Ajouter des Membres
        • Importer un Fichier
        • Inviter des Membres
        • Modifier des Membres
    • Facturation
      • Essai Gratuit
      • Acheter des Crédits
      • Plans et Améliorations
      • Prix d'Utilisation des Modèles
  • Intégrations
    • LLMs et Bases de Données
      • Intégration Anthropic
      • Intégration de Base de Données
      • Intégration Groq
      • Intégration HuggingFace
      • Intégration Mistral
      • Intégration OpenAI
      • Intégration Perplexity
      • Intégration Together AI
      • Intégration Vertex AI
    • Intégrations d'Applications
      • Intégration Rememberizer
      • Intégration Slack
  • Développeurs
    • Développez Vos Propres Outils
      • Format JSON pour Outils
      • Format JSON pour Outils LLM
      • Exemple : Générateur d'UI Basé sur du Texte
      • Format JSON pour Outils Intelligents
  • Cas d'Utilisation
    • Créer une Politique de Confidentialité
  • Avis
    • Conditions d'Utilisation
    • Politique de Confidentialité
    • Avis sur les Cookies
  • Versions
    • 16 mai 2025
    • 9 mai 2025
    • 2 mai 2025
    • 25 avril 2025
    • 18 avril 2025
    • 11 avril 2025
    • 4 avril 2025
    • 28 mars 2025
    • 21 mars 2025
    • 14 mars 2025
    • 7 mars 2025
    • 28 février 2025
    • 21 février 2025
    • 14 février 2025
    • 7 février 2025
    • 31 janvier 2025
    • 24 janvier 2025
    • 17 janvier 2025
    • 10 janvier 2025
    • 3 janvier 2025
    • 27 décembre 2024
    • 20 décembre 2024
    • 13 décembre 2024
    • 6 décembre 2024
    • 29 novembre 2024
    • 22 novembre 2024
    • 15 novembre 2024
    • 8 novembre 2024
    • 1 novembre 2024
    • 25 octobre 2024
    • 18 octobre 2024
    • 11 octobre 2024
    • 4 octobre 2024
    • 27 septembre 2024
    • 20 septembre 2024
    • 13 septembre 2024
    • 6 septembre 2024
    • 23 août 2024
    • 16 août 2024
    • 9 août 2024
    • 2 août 2024
    • 26 juillet 2024
    • 12 juillet 2024
    • 5 juillet 2024
    • 28 juin 2024
    • 21 juin 2024
    • 12 novembre 2023
    • 6 novembre 2023
    • 30 octobre 2023
    • 23 octobre 2023
    • 16 octobre 2023
    • 18 septembre 2023
    • 8 septembre 2023
  • Sécurité
    • Pratiques de Sécurité SkyDeck.ai
    • Programme de Récompense de Bugs
  • Documentation AI
    • Rapport d'Évaluation LLM
    • Documentation Prête pour LLM SkyDeck.ai
Propulsé par GitBook
Sur cette page
  1. Développeurs
  2. Développez Vos Propres Outils

Exemple : Générateur d'UI Basé sur du Texte

Cet outil génère une interface utilisateur textuelle basée sur la description. Le code source complet est fourni pour que vous puissiez l'essayer.

PrécédentFormat JSON pour Outils LLMSuivantFormat JSON pour Outils Intelligents

Dernière mise à jour il y a 19 jours

Nous sommes des défenseurs du développement piloté par l'IA tel que pratiqué par https://eastagile.com. Pour soutenir cela, nous utilisons l'IA pour nous aider à développer des interfaces utilisateur. Cet outil génère une interface utilisateur basée sur du texte en fonction de la description et d'une demande (optionnelle) pour certains éléments d'interface utilisateur. L'invite pour l'outil demande des éléments de conception ainsi que du texte d'interface utilisateur approprié. Cet exemple est présenté comme un exemple concret et pratique d'un outil que l'on pourrait créer et déployer au sein de votre équipe. Voici un exemple de son utilisation. Entrée de l'utilisateur :

Sortie générée :

Vous ajoutez votre json d'outil personnalisé à l'intérieur de Genstudio.

Voici le json réel que vous mettriez à jour dans un fichier (c'est-à-dire text-based-ux-designer.json).

{
"version": "0.1",
"metadata": {
"avatar": "",
"creator": {
"name": "Inspiré par Khoa Tran",
"email": "admin@eastagile.com",
"organization": "East Agile"
},
"timestamp": "2023-06-01T10:00:00Z",
"variables": [
{
"name": "Description de la fonctionnalité",
"type": "text",
"default": "",
"description": "Une brève description de la fonctionnalité ou de la fonctionnalité."
},
{
"name": "Composants UI",
"type": "text",
"default": "Tout ce qui est approprié et conventionnel",
"description": "Le type de composants d'interface utilisateur (par exemple, bouton radio, liste multi-sélection)."
}
],
"parameters": {
"top_p": 1,
"max_tokens": 1024,
"temperature": 0.7,
"presence_penalty": 0,
"frequency_penalty": 0
},
"avatar_type": "base64",
"description": "Cet outil génère une interface utilisateur basée sur du texte en fonction de votre description et des composants d'interface utilisateur spécifiés.",
"prompt_name": "Générateur d'interface utilisateur basée sur du texte",
"usage_notes": "Fournissez une description du type d'interface, de fonctionnalité ou d'application que vous souhaitez générer (Description de la fonctionnalité) et tout type spécifique d'éléments d'interface utilisateur que vous souhaitez utiliser (Composants UI). Cette application est conçue pour soutenir le développement piloté par l'IA (AiDD) tel que pratiqué par East Agile https://eastagile.com.",
"model_version": [
"gpt-3.5",
"gpt-4",
"claude",
"palm"
],
"expected_output": {
"type": "text"
}
},
"model_prompt": "Générez une interface utilisateur basée sur du texte avec un wording pour la fonctionnalité ou la fonctionnalité suivante :\n\nDescription de la fonctionnalité : {{Feature Description}}\nÉléments d'interface utilisateur : {{UI Components}}.\n\nVeuillez suivre ces meilleures pratiques pour créer un écriture UX efficace :\n1. Rendez-le utilisable : Priorisez la fonctionnalité et la facilité d'utilisation plutôt que le langage astucieux ou le design non conventionnel.\n2. Rendez-le utile : Fournissez des informations utiles qui guident les utilisateurs et les aident à atteindre leurs objectifs.\n3. Rendez-le accessible : Utilisez un langage simple et clair et des éléments de design conventionnels qui facilitent la compréhension pour tous les utilisateurs, y compris ceux ayant des handicaps.\n4. Rendez-le clair : Évitez le jargon et l'ambiguïté ; les utilisateurs devraient pouvoir comprendre le contenu et l'interface utilisateur rapidement et facilement. Lorsque cela est possible, les affordances de l'interface utilisateur devraient être évidentes sans avoir besoin de lire le texte.\n5. Rendez-le approprié : Tenez compte du contexte culturel et de l'arrière-plan de vos utilisateurs, si fourni, et assurez-vous que le contenu est inclusif et respectueux.\n6. Utilisez la voix active : Incitez les utilisateurs à agir en utilisant un langage actif et direct.\n7. Écrivez positivement : Concentrez-vous sur des déclarations affirmatives et évitez les phrases négatives sauf si absolument nécessaire.\n8. Soyez concis : Gardez les phrases courtes et précises, en éliminant les mots et phrases inutiles.\n9. Effectuez des tests A/B constants : Testez et affinez continuellement le contenu pour garantir son efficacité et sa convivialité.\n10. Gardez la voix et le ton de la marque cohérents : Assurez-vous que le contenu s'aligne avec la personnalité globale de la marque et maintient un ton cohérent tout au long de l'expérience utilisateur.\n11. Utilisez un langage orienté vers l'action : Encouragez les utilisateurs à agir en utilisant un langage clair, direct et axé sur des tâches spécifiques.\n12. Maintenez la pertinence contextuelle : Fournissez un contexte pertinent pour garantir que le contenu est facilement localisable et traduisible pour différentes langues et cultures.\n\nContenu d'écriture UX généré :\n"
}

Vous pourriez créer votre propre icône et l'entrer sous forme de bloc de texte base64 dans ce json. Sinon, un joli défaut sera utilisé.

Exemple d'entrée utilisant les champs d'entrée spécifiés.
Une interface utilisateur basée sur du texte avec du texte généré par notre application.
Téléchargez le json pour définir un outil personnalisé
exemple d'entrée du générateur d'interface utilisateur basé sur du texte
sortie du générateur d'interface utilisateur basé sur du texte
télécharger un outil personnalisé