Jan 01, 1970
¡Finalmente! Puede colorear la salida de ChatGPT con el script AImarkdown: así es como se hace por@robmccormack
742 lecturas
¡Finalmente! Puede colorear la salida de ChatGPT con el script AImarkdown: así es como se hace
Demasiado Largo; Para Leer
¿Buscas hacer que tus conversaciones de ChatGPT sean más atractivas visualmente? Esta guía le muestra cómo. Descubra cómo herramientas simples pueden transformar respuestas simples de ChatGPT en respuestas vibrantes y formateadas.Se requiere ChatGPT 4.
Introducción
¿Buscas hacer que tus conversaciones de ChatGPT sean más atractivas visualmente? Esta guía le muestra cómo. Descubra cómo herramientas simples pueden transformar respuestas simples de ChatGPT en respuestas vibrantes y formateadas.
Perfecto para cualquiera que busque resaltar la información o mejorar el desarrollo de aplicaciones con ChatGPT.
A pesar de la falta de soporte nativo de ChatGPT para Markdown y color, existe una solución. Muchos creen que crear aplicaciones ChatGPT o utilizar los resultados de ChatGPT Builder requiere un gran esfuerzo y años de experiencia en desarrollo de software.
AImarkdown Script cambia todo eso, demostrando que es posible mejorar fácilmente el atractivo visual de sus interacciones.
Exploremos algunas herramientas adicionales que hacen posibles respuestas ChatGPT formateadas y coloridas. Ya sea que sea un desarrollador que busca mejorar sus proyectos o un usuario ocasional que busca enriquecer su experiencia ChatGPT, estas herramientas están diseñadas para ser accesibles y fáciles de usar.
Herramientas utilizadas
Script AImarkdown : controle la salida y las interacciones con YAML y Markdown comprensibles para los humanos.
Placehold : un servicio de marcador de posición de imágenes sencillo, rápido y gratuito.
Fakeimg : Genera imágenes con una URL. Elige el tamaño, los colores e incluso el texto.
Shield.io : crea insignias de imágenes concisas, consistentes y legibles.
Captura de pantalla
1. Secuencia de comandos AImarkdown
AImarkdown Script es un lenguaje versátil para crear interacciones dinámicas con plataformas de IA conversacionales como ChatGPT. Permite a los usuarios programar interacciones, controlar el flujo de conversaciones y personalizar el comportamiento y las respuestas de la IA.
Para los programadores, ofrece la flexibilidad de un lenguaje de programación; para los no programadores, proporciona una forma fácil de personalizar y controlar las experiencias de IA. Desarrollado por Rob McCormack - https://aimarkdown.org
Notas:
AImarkdown Script se puede simplemente pegar en cualquier sesión de ChatGPT 4 o ChatGPT Builder, y la IA seguirá las instrucciones y se comportará de acuerdo. Lo mismo con ChatGPT Builder.
Es posible que algunas imágenes no se muestren en la aplicación de iPhone. Pero en un navegador en el escritorio y en el móvil se mostrarán imágenes.
2. Lugar de referencia
Documentación
Código
https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:16.936Z-d7kvk3alfpb2zmrgr4fgv9f9
Imagen con formato Markdown
3. Imagen falsa
FakeImg admite fuentes y transparencias.
Documentación
Código
Imagen con formato Markdown
Parámetros explicados:
La documentación de FakeImg es un poco difícil de seguir, por lo que aquí hay una explicación concisa de los parámetros utilizados.
-
300x100: especifica las dimensiones de la imagen generada. En este caso, la imagen tiene 300 píxeles de ancho y 100 píxeles de alto.
-
ff0000,128: Define el color de fondo y su opacidad.ff0000es un código hexadecimal para el color rojo y128establece la opacidad al 50% (en una escala de 0 a 255, donde 255 es completamente opaco).
-
0000ff,128: establece el color del texto y su opacidad.0000ffes el código hexadecimal para el azul y128indica la opacidad del texto al 50%.
-
text=Rob%20McCormack: este parámetro especifica el texto que se mostrará en la imagen.%20es un espacio codificado en URL, por lo que el texto de la imagen será "Rob McCormack".
-
font=lobster: determina la fuente utilizada para el texto. En este caso, la fuente elegida es "lobster".
-
font_size=24: establece el tamaño de la fuente. El texto se mostrará con un tamaño de fuente de 24 píxeles.
4. Escudos.io
Documentación
Nota de código : las imágenes también pueden tener hipervínculos.
https://placehold.co/300x40/ff0000/FFFFFF/png?text=Hello+World&font=roboto
Insignia con formato Markdown
 Notas de instalación del script AImarkdown
✅ ChatGPT 4 : copia y pega el código en ChatGPT.
✅ ChatGPT Builder : en
Configuration|Instructions, agregue " AI para seguir estas instrucciones: ", y luego copie y pegue el código completo.
❌ ChatGPT Builder con acciones API : se requiere configuración de acciones y conocimiento de las llamadas API.
Conclusión
Al integrar AImarkdown Script en sus aplicaciones ChatGPT y ChatGPT Builder, ha desbloqueado un nuevo nivel de personalización. Agregar color, formato e imágenes transforma la experiencia del usuario, mejora la legibilidad y hace que la información sea más fácil de entender.
¡Esto abre la puerta a interacciones aún más interesantes e informativas!
Próximos pasos
- Experimente: explore agregar más eventos y activadores complejos para ampliar las capacidades de su proyecto.
- Comunidad AImarkdown: únase a la comunidad AImarkdown para compartir ideas y aprender de otros. Visite el sitio web en https://aimarkdown.org .
- Comparta su proyecto: considere compartir una versión funcional de su sesión de ChatGPT mediante un enlace para compartir. ¡Esto permitiría que otros lo prueben directamente!
Artículos publicados: lecturas adicionales
- Respondedor de resaltador de código: característica que falta en ChatGPT
- Liberando el poder de Python dentro de ChatGPT - Primera parte
- Cree un juego de blackjack ChatGPT 4 con entrenamiento de IA (49 líneas de código)
- ResponseDial: tome el control de las respuestas de ChatGPT
- Agregue instantáneamente una función de "Sello de fecha" que ChatGPT olvidó
- Python ultrarrápido en ChatGPT con AImarkdown Script
- ¡Finalmente! Coloree la salida de ChatGPT con el script AImarkdown
Código de secuencia de comandos 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:  # 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  [topic_title_image] - *[topic_title] by [author]*  [topic_intro] ---  ---  | |  |  | | :--: | :--: | :--: | |  |  |  | > Click to change color and animate Robot. > [](https://aimarkdown.org/i/robot-animated.gif) ### Lorem Ipsum [lorem_ipsum_text] ---  :::También publicado aquí
L O A D I N G
. . . comments & more!
. . . comments & more!
