paint-brush
Enfin! Vous pouvez coloriser la sortie ChatGPT avec le script AImarkdown : voici commentpar@robmccormack
664 lectures
664 lectures

Enfin! Vous pouvez coloriser la sortie ChatGPT avec le script AImarkdown : voici comment

par Rob McCormack5m2024/03/20
Read on Terminal Reader

Trop long; Pour lire

Vous cherchez à rendre vos conversations ChatGPT plus attrayantes visuellement ? Ce guide vous montre comment. Découvrez comment des outils simples peuvent transformer des réponses ChatGPT simples en réponses dynamiques et formatées.
featured image - Enfin! Vous pouvez coloriser la sortie ChatGPT avec le script AImarkdown : voici comment
Rob McCormack HackerNoon profile picture

ChatGPT 4 est requis.

Propulsé par AImarkdown

Introduction

Vous cherchez à rendre vos conversations ChatGPT plus attrayantes visuellement ? Ce guide vous montre comment. Découvrez comment des outils simples peuvent transformer des réponses ChatGPT simples en réponses dynamiques et formatées.


Parfait pour tous ceux qui cherchent à faire ressortir les informations ou à améliorer le développement d'applications avec ChatGPT.


Malgré le manque de prise en charge native par ChatGPT du Markdown et de la couleur, il existe une solution de contournement. Beaucoup pensent que la création d'applications ChatGPT ou l'utilisation des résultats de ChatGPT Builder nécessitent beaucoup d'efforts et des années d'expérience en développement logiciel.


AImarkdown Script change tout cela, prouvant qu'il est possible d'améliorer facilement l'attrait visuel de vos interactions.


Explorons quelques outils supplémentaires qui rendent possibles des réponses ChatGPT colorées et formatées. Que vous soyez un développeur cherchant à améliorer vos projets ou un utilisateur occasionnel cherchant à enrichir votre expérience ChatGPT, ces outils sont conçus pour être accessibles et simples à utiliser.

Les outils utilisés

  1. AImarkdown Script : contrôlez la sortie et les interactions avec YAML et Markdown compréhensibles par l'homme.


  2. Placehold : Un service d’espace réservé à l’image simple, rapide et gratuit.


  3. Fakeimg : Génère des images avec une URL. Choisissez la taille, les couleurs et même le texte.


  4. Shield.io : crée des badges d'image concis, cohérents et lisibles.

Capture d'écran

capture d'écran de l'iPhone

1. Script AImarkdown

AImarkdown Script est un langage polyvalent permettant de créer des interactions dynamiques avec des plateformes d'IA conversationnelle comme ChatGPT. Il permet aux utilisateurs de créer des scripts pour les interactions, de contrôler le flux des conversations et de personnaliser le comportement et les réponses de l'IA.


Pour les programmeurs, il offre la flexibilité d'un langage de script ; pour les non-programmeurs, il offre un moyen convivial de personnaliser et de contrôler les expériences d’IA. Développé par Rob McCormack - https://aimarkdown.org


Remarques:

  1. Le script AImarkdown peut être simplement collé dans n'importe quelle session ChatGPT 4 ou ChatGPT Builder, et l'IA suivra les instructions et se comportera en conséquence. Idem avec ChatGPT Builder.


  2. Certaines images peuvent ne pas s'afficher sur l'application iPhone. Mais dans un navigateur sur ordinateur et mobile, les images seront affichées.

2. Espace réservé

Documentation


Code

 https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:16.936Z-d7kvk3alfpb2zmrgr4fgv9f9


Image au format Markdown

image

3. Fausse image

FakeImg prend en charge les polices et les transparences.


Documentation


Code

 ![image](https://fakeimg.pl/300x50/ff2233,60/f0ff00,128?text=Main%20Title&font=lobster&font_size=24)


Image au format Markdown

image

Paramètres expliqués :

La documentation de FakeImg est un peu difficile à suivre, voici donc une explication concise des paramètres utilisés.


![image](https://fakeimg.pl/300x100/ff0000,128/0000ff,128?text=Rob%20McCormack&font=lobster&font_size=24)

  • 300x100 : Spécifie les dimensions de l'image générée. Dans ce cas, l'image mesure 300 pixels de large et 100 pixels de haut.


  • ff0000,128 : Définit la couleur de fond et son opacité. ff0000 est un code hexadécimal pour la couleur rouge et 128 définit l'opacité à 50 % (sur une échelle de 0 à 255, où 255 correspond à une opacité totale).


  • 0000ff,128 : Définit la couleur du texte et son opacité. 0000ff est le code hexadécimal du bleu et 128 indique l'opacité du texte à 50 %.


  • text=Rob%20McCormack : Ce paramètre précise le texte à afficher sur l'image. %20 est un espace codé en URL, le texte sur l'image sera donc « Rob McCormack ».


  • font=lobster : Détermine la police utilisée pour le texte. Dans ce cas, « homard » est la police choisie.


  • font_size=24 : Définit la taille de la police. Le texte sera affiché avec une taille de police de 24 pixels.

4. Boucliers.io

Documentation


Remarque sur le code : les images peuvent également être liées par des hyperliens.

 https://placehold.co/300x40/ff0000/FFFFFF/png?text=Hello+World&font=roboto


Badge au format Markdown

 ![image](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.648Z-ov4b34ogcyq4ggkcglua8m3z) 

image

Notes d'installation du script AImarkdown

  1. ChatGPT 4 : Copiez et collez le code dans ChatGPT.


  2. ChatGPT Builder : Dans Configuration|Instructions , ajoutez « AI pour suivre ces instructions : », puis copiez et collez l'intégralité du code.


  3. ChatGPT Builder avec actions API : Configuration des actions et connaissance des appels API requises.

Conclusion

En intégrant AImarkdown Script dans vos applications ChatGPT et ChatGPT Builder, vous avez débloqué un nouveau niveau de personnalisation. L'ajout de couleurs, de mises en forme et d'images transforme l'expérience utilisateur, améliorant la lisibilité et rendant les informations plus faciles à comprendre.


Cela ouvre la porte à des interactions encore plus engageantes et informatives !

Prochaines étapes

  • Expérimentez : envisagez d'ajouter davantage d'événements et de déclencheurs complexes pour étendre les capacités de votre projet.


  • Communauté AImarkdown : rejoignez la communauté AImarkdown pour partager des idées et apprendre des autres. Visitez le site Web à https://aimarkdown.org .


  • Partagez votre projet : pensez à partager une version fonctionnelle de votre session ChatGPT à l'aide d'un lien partageable. Cela permettrait à d’autres de l’essayer directement !

Articles publiés : lectures complémentaires


Code de script AImarkdown

 title: Colorizer for ChatGPT author: Rob McCormack # AI To Follow These Instructions and Guidance (version 2024.02.03) # Overview: Example of using color with AImarkdown Script # Document Structure: # - AImarkdown language is a combination of YAML and Markdown. https://aimarkdown.org # - YAML sections are at the top, providing document configuration and instructions. # - Comments (`#`) in YAML guide AI's approach to the document. # - Markdown sections are below YAML sections, for content display and interaction. # Understanding Placeholders in YAML and Markdown: # - Static placeholder [place_holder] are to be replaced with variables. # Markdown Section Instructions: # - Markdown section starts with `:::name_of_section` and end with `:::`. # - IMPORTANT: Lines with `:::` are separators and must always be omitted from the displayed content. # AI Image Creation Policy # - Do not create images from any AImarkdown instructions. # - Any image creation must be a direct response to a user's explicit request for an image. # Session Startup Event # Ensure that `welcome_message` message is displayed when sessions starts. # Display `welcome_message` message without additional elaboration. session_startup: action: display_welcome_message_and_trigger_color welcome_message: | Welcome to: **[title]** Use `/color` to try this out. topic_title: History of Canada topic_title_image: ![](https://placehold.co/600x100/222222/0093ff?font=playfair-display&text=History%20of%20Canada) # AI to generate an introduction to a topic topic_intro: AI to generate in point form, 3 short points about history of Canada. # Generate some random text for display in Markdown section lorem_ipsum_text: AI to generate 1 paragraph, about 80 words of Lorem ipsum text. # Display `color-document` Markdown section # AI to not elaborate or explain - just display `color-document` display_color-document: - Directly display 'color-document' section without adding any AI-generated introduction, explanation, or commentary. - Display all images in `[alt text](image_url)` Markdown syntax. - Replace all placeholders with values. - trigger: /color # Markdown section `color-document`. :::color-document ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.021Z-pmglc34kqqac5o33ves7ace8) [topic_title_image] - *[topic_title] by [author]* ![](https://img.shields.io/badge/A%20brief%20look%20at%20Canada's%20beginnings.-0d6efd) [topic_intro] --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.710Z-nipn5oo8qst5ch7ffyomrg42) --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.937Z-sqm9ahig4nas8ihhz3wbate7) |![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.562Z-e1qh17g63ncn7r0tgdzz9edc) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.443Z-e4lct363fq96kx9d5gc074h3) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.320Z-zeuamkaopcqw5emdgui26bkq) | | :--: | :--: | :--: | | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.766Z-diqzi1ckvbl7a93laju812or) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.714Z-r83k5dd8z2k39jm89ekiz4vw) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.626Z-r56andnccflarfr49k9va00m) | > Click to change color and animate Robot. > [![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.549Z-dkqrtjrf6sk5babkmxgnxdxg)](https://aimarkdown.org/i/robot-animated.gif) ### Lorem Ipsum [lorem_ipsum_text] --- ![](https://img.shields.io/badge/%F0%9F%8D%81Made%20in%20Canada%20-grey?style=flat-square)![Powered by AImarkdown](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.421Z-bwylfan7yqcdwvxtnz1a6mqr) :::

Également publié ici