paint-brush
Endlich! Sie können die ChatGPT-Ausgabe mit dem AImarkdown-Skript einfärben: So geht'svon@robmccormack
750 Lesungen
750 Lesungen

Endlich! Sie können die ChatGPT-Ausgabe mit dem AImarkdown-Skript einfärben: So geht's

von Rob McCormack5m2024/03/20
Read on Terminal Reader

Zu lang; Lesen

Möchten Sie Ihre ChatGPT-Gespräche optisch ansprechender gestalten? Dieser Leitfaden zeigt Ihnen, wie. Entdecken Sie, wie einfache Tools einfache ChatGPT-Antworten in lebendige, formatierte Antworten umwandeln können.
featured image - Endlich! Sie können die ChatGPT-Ausgabe mit dem AImarkdown-Skript einfärben: So geht's
Rob McCormack HackerNoon profile picture

ChatGPT 4 ist erforderlich.

Unterstützt von AImarkdown

Einführung

Möchten Sie Ihre ChatGPT-Gespräche optisch ansprechender gestalten? Dieser Leitfaden zeigt Ihnen, wie. Entdecken Sie, wie einfache Tools einfache ChatGPT-Antworten in lebendige, formatierte Antworten umwandeln können.


Perfekt für alle, die mit ChatGPT Informationen hervorheben oder die App-Entwicklung verbessern möchten.


Obwohl ChatGPT keine native Unterstützung für Markdown und Farbe bietet, gibt es eine Problemumgehung. Viele glauben, dass die Erstellung von ChatGPT-Apps oder die Verwendung von ChatGPT Builder-Ausgaben einen großen Aufwand und jahrelange Erfahrung in der Softwareentwicklung erfordert.


AImarkdown Script ändert all das und beweist, dass es möglich ist, die visuelle Attraktivität Ihrer Interaktionen auf einfache Weise zu verbessern.


Sehen wir uns einige zusätzliche Tools an, die farbenfrohe, formatierte ChatGPT-Antworten ermöglichen. Egal, ob Sie ein Entwickler sind, der Ihre Projekte verbessern möchte, oder ein Gelegenheitsnutzer, der Ihr ChatGPT-Erlebnis bereichern möchte, diese Tools sind so konzipiert, dass sie zugänglich und einfach zu verwenden sind.

Benutztes Werkzeug

  1. AImarkdown-Skript : Steuern Sie die Ausgabe und Interaktionen mit für Menschen verständlichem YAML und Markdown.


  2. Placehold : Ein einfacher, schneller und kostenloser Bildplatzhalterdienst.


  3. Fakeimg : Erzeugt Bilder mit einer URL. Wählen Sie die Größe, die Farben und sogar den Text.


  4. Shield.io : Erstellt prägnante, konsistente und lesbare Bildausweise.

Bildschirmfoto

iPhone-Screenshot

1. AImarkdown-Skript

AImarkdown Script ist eine vielseitige Sprache zum Erstellen dynamischer Interaktionen mit Konversations-KI-Plattformen wie ChatGPT. Es ermöglicht Benutzern, Interaktionen zu skripten, den Gesprächsfluss zu steuern und das Verhalten und die Reaktionen der KI anzupassen.


Für Programmierer bietet es die Flexibilität einer Skriptsprache; Für Nicht-Programmierer bietet es eine benutzerfreundliche Möglichkeit, KI-Erlebnisse anzupassen und zu steuern. Entwickelt von Rob McCormackhttps://aimarkdown.org


Anmerkungen:

  1. Das AImarkdown-Skript kann einfach in jede ChatGPT 4- oder ChatGPT Builder-Sitzung eingefügt werden, und AI folgt den Anweisungen und verhält sich entsprechend. Das Gleiche gilt für ChatGPT Builder.


  2. Einige Bilder werden möglicherweise nicht in der iPhone-App angezeigt. Aber in einem Browser auf Desktop- und Mobilgeräten werden Bilder angezeigt.

2. Platzieren

Dokumentation


Code

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


Markdown-formatiertes Bild

Bild

3. FakeImg

FakeImg unterstützt Schriftarten und Transparenzen.


Dokumentation


Code

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


Markdown-formatiertes Bild

Bild

Erklärte Parameter:

Die Dokumentation für FakeImg ist etwas schwer zu verstehen, daher finden Sie hier eine kurze Erklärung der verwendeten Parameter.


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

  • 300x100 : Gibt die Abmessungen des generierten Bildes an. In diesem Fall ist das Bild 300 Pixel breit und 100 Pixel hoch.


  • ff0000,128 : Definiert die Hintergrundfarbe und ihre Deckkraft. ff0000 ist ein Hexadezimalcode für die Farbe Rot, und 128 setzt die Deckkraft auf 50 % (auf einer Skala von 0 bis 255, wobei 255 völlig undurchsichtig ist).


  • 0000ff,128 : Legt die Textfarbe und seine Deckkraft fest. 0000ff ist der Hexadezimalcode für Blau und 128 gibt die Textopazität bei 50 % an.


  • text=Rob%20McCormack : Dieser Parameter gibt den Text an, der auf dem Bild angezeigt werden soll. %20 ist ein URL-codiertes Leerzeichen, daher lautet der Text auf dem Bild „Rob McCormack“.


  • font=lobster : Bestimmt die Schriftart, die für den Text verwendet wird. In diesem Fall ist „Hummer“ die gewählte Schriftart.


  • font_size=24 : Legt die Größe der Schriftart fest. Der Text wird mit einer Schriftgröße von 24 Pixel angezeigt.

4. Shields.io

Dokumentation


Code- Hinweis: Bilder können auch mit einem Hyperlink versehen werden.

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


Abzeichen im Markdown-Format

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

Bild

Hinweise zur Installation des AImarkdown-Skripts

  1. ChatGPT 4 : Code kopieren und in ChatGPT einfügen.


  2. ChatGPT Builder : Fügen Sie unter Configuration|InstructionsAI, um diese Anweisungen zu befolgen: “ hinzu und kopieren Sie dann den gesamten Code und fügen Sie ihn ein.


  3. ChatGPT Builder mit API-Aktionen : Einrichten von Aktionen und Kenntnisse über API-Aufrufe erforderlich.

Abschluss

Durch die Integration von AImarkdown Script in Ihre ChatGPT- und ChatGPT Builder-Apps haben Sie eine neue Ebene der Anpassung freigeschaltet. Das Hinzufügen von Farben, Formatierungen und Bildern verändert das Benutzererlebnis, verbessert die Lesbarkeit und macht Informationen leichter verständlich.


Dies öffnet die Tür zu noch ansprechenderen und informativeren Interaktionen!

Nächste Schritte

  • Experimentieren Sie: Erkunden Sie das Hinzufügen weiterer Ereignisse und komplexer Auslöser, um die Möglichkeiten Ihres Projekts zu erweitern.


  • AImarkdown-Community: Treten Sie der AImarkdown-Community bei, um Ideen auszutauschen und von anderen zu lernen. Besuchen Sie die Website unter https://aimarkdown.org .


  • Teilen Sie Ihr Projekt: Erwägen Sie, eine funktionierende Version Ihrer ChatGPT-Sitzung über einen gemeinsam nutzbaren Link zu teilen. Dies würde es anderen ermöglichen, es direkt auszuprobieren!

Veröffentlichte Artikel: Weiterführende Literatur


AImarkdown-Skriptcode

 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) :::

Auch hier veröffentlicht